XHTML Validation

With Loader





No shockwave?!

Without Loader





No shockwave?!

Test for valid XHTML The markup to embed Shockwave is similar to the 'Flash Satay' method.

Note - removing some invalid attributes may have implications for checking player version. Stay tuned for more details... Basically, the HTML generated by Director (and Dreamweaver) includes the OBJECT tag, along with its attributes, as well as the EMBED tag and all its attributes. For the most part, these attributes are the same (width, height, source file etc). Traditionally, the OBJECT tag was the one favoured by Microsoft's Internet Explorer, whilst the EMBED tag was developed by Netscape and was generally supported by that team. IE would read all the OBJECT information, and the Netscape-style browsers would read the EMBED tag. For this reason, Director will generate both tags in its auto-generated HTML (Same as Flash).

Whilst this HTML works, it does not validate using WC3 validation tests. This is because the OBJECT tag has become part of the XHTML specification, but the EMBED tag has has not. To support validation, therefore, the EMBED tag needs to be removed. However, simply removing the EMBED tag causes many non-IE browsers to ignore the OBJECT tag (even though most of the information contained within it is identicial to the information in the EMBED tag). To get most of these browsers to work, it is necessary to remove the classid and codebase attributes, and use a type="application/x-director" attribute instead . Here is the markup used to embed the Shockwave movie above:



<object type="application/x-director" 
data="Shockwaver.dcr" width="320" height="240">
<param name="src" value="loader.dcr" />
<param name="sw1" value="Shockwaver.dcr" />
<param name="swRemote" value="swSaveEnabled='false' 
  swVolume='true' 
  swRestart='false' 
  swPausePlay='false' 
  swFastForward='false' 
  swContextMenu='false' "/>
<param name="swStretchStyle" value="none" />
<img src="shockwaver_not.gif" width="320" height="240" alt="No shockwave?!" />
</object>

And here's a list of browsers tested so far:

Browser Compatibility Chart
Browser Status
Safari 1.2 (Mac) OK
Safari 1.3 (Mac) OK
Safari 2.0 (Mac) Shockwave fails to load
Safari 2.0.1 (Mac) Shockwave fails to load
Safari 2.0.2 (Mac) Shockwave fails to load
Safari 2.0.4 (Mac) Shockwave fails to load
Safari 3.0 beta (Mac) OK
IE 6 (Win) OK
IE 7 Appears to be issues reading the SW parameter
Firefox 1.04 (Win) OK
Firefox 1.06 (Mac) OK
Firefox 1.5 (Mac) OK
Firefox 2 (Mac) OK
Opera 6.03 (Mac) OK
Opera 8.02 (Mac) OK
Opera 8.5 OK
First published 09/08/2005

Browser Compatibility Chart

Browser Compatibility Chart
Browser Status
Safari 1.2 (Mac) OK
Safari 1.3 (Mac) OK
Safari 2.0 (Mac) Shockwave fails to load ;
Safari 2.0.1 (Mac) Shockwave fails to load;
Safari 2.0.2 (Mac) Shockwave fails to load;
Firefox 1.06 (Mac) OK
Opera 6.03 (Mac) OK
IE 6 (Win) OK
Firefox 1.04 (Win) OK
Firefox 1.5 (Mac) OK
Opera 8.02 (Mac) OK
Opera 8.5 OK
First published 10/11/2005