htmlembedshockwave

Embedding a shockwave file in HTML5


What's the best way to go about embedding a shockwave file in HTML5?

I've been using the following for some time:

<object width="100%" height="100%" classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.adobe.com/pub/shockwave/cabs/director/sw.cab#version=8,5,0,0">
    <param name="src" value="shocwave/file.dcr" />
    <embed src="shocwave/file.dcr" width="100%" height="100%" type="application/x-director" />
</object>

but it appears to have stopped working so I presume something is now outdated?

If you try the codebase link direct then it just displays an error, could this be the issue? http://download.adobe.com/pub/shockwave/cabs/director/sw.cab#version=8,5,0,0

It's proving quite tricky to find documentation on embedding shockwave files though.


Solution

  • How to embed shockwave in html5

    The object tag has been modified in HTML5 and this is now the correct way to embed shockwave files:

    <object data="shockwave/file.dcr" type="application/x-director" width="100" height="100"></object>
    

    Reference: http://www.w3schools.com/TAGS/tag_object.asp