In December I posted an entry called Embedding Flash While Supporting Standards as an improved suggestion over the Flash Satay Method. I’ve recently been playing with objects such as Windows Media and Quick Time where the Satay Method doesn’t even begin to work. As it turns out the Gillay method works for all types of objects (and allow me to re-emphasize that it works without javascript).
Before I get too far, let me show an updated example of the Gillay method. This example will appear slightly different than the examples in my other post but reflects further discussion that took place within the comments section of that post.
<!–[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=7,0,19,0" width="780" height="590" id="gilluminate">
<param name="movie" value="gilluminate.swf" />
<![endif]x–>
<!–[if !IE]> <–>
<object type="application/x-shockwave-flash" data="gilluminate.swf" width="780" height="590" name="gilluminate">
<!–> <![endif]–>
<param name="movie" value="gilluminate.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#2C676C" />
<p>gilluminate is mostly a showcase of things I have done, things I am doing, and things I can do. It is powered by a combination of HTML, Flash, ActionScript, XML, JavaScript, CSS and PHP and displays my recent websites and artwork.<br />You need the latest free <a href="http://www.macromedia.com/shockwave/download/download.cgi?
P1_Prod_Version=ShockwaveFlash">Flash Player Plugin</a> to view this site.</p>
</object>
Basically what is happening here is that I’m hiding the IE friendly object tag from every browser that’s not IE, and vice versa.
This same principal can be applied when "embedding" Windows Media or Quick Time movies, and probably every other type of object. Here’s an example of using the Gillay method with Quick Time:
<!–[if IE]><object classid=
"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="250" height="140" codebase="http://www.apple.com/qtactivex/qtplugin.cab
#version=6,0,2,0" standby="Loading Quick Time components…"><![endif]x–>
<!–[if !IE]> <–>
<object type="video/quicktime" data="example.mov" width="$width" height="$height" standby="Loading Quick Time components…">
<!–> <![endif]–>
<param name="controller" value="true" />
<param name="type" value="video/quicktime" />
<param name="autoplay" value="true" />
<param name="scale" value="aspect" />
<param name="BGCOLOR" value="#000000" />
<param name="target" value="myself" />
<param name="src" value="example.mov" />
<param name="pluginspage" value="http://www.apple.com/quicktime/download/" />
<a href="http://www.apple.com/quicktime/download/">Quick Time Player</a> required or <a href="#" onclick="window.close();">close this window</a> and select a different format.
</object>
This code will play the example.mov movie in Firefox, IE, Safari, and IE for Mac and will validate on the W3C website