Embedding a shockwave file in HTML5

Question

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.

Answer 1

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

Answer 2

It seems that Adobe Shockwave has reached it's technical "End of Life" - although there are still new NPAPI drivers ("Shockwave for Director"), those are of little use in current browsers (Firefox, Chrome, MS Edge) because they don't support these plugins anymore (see e.g. this forum thread). There won't be a driver for current browsers.

The only possibility is to use older browsers (Firefox ESR and the current Seamonkey 2.49 are built using older Firefox code, and I successfully tried MSIE 11), but definitely Shockwave is not to be used for new projects anymore.