How To > Create XHTML DivX, QuickTime & Flash Players
Look. I am sick of every people making something, and then making a really sloppy way to use it. If you go to youtube or googlevideo they give you this “embed” code. The Embed tag DOES NOT VALIDATE. I write my code by hand and don’t want it to be sloppy. So when I wrote Rip-Off Theater I didn’t want to have all my players using some clunky Embed crap when there are perfectly good ways to do it using Object instead.
I made the DivX code based on a Quicktime hack I did. Basically I am putting 2 objects on. One for IE and another one for Firefox etc.. To make IE not be stupid you need to use some css to tell it to not display both objects.
I figure If you are reading an article on XHTML I figure you need me to tutor you through the process. You just want the bloody code:
<!-- Start CSS Code -->
<style type=”text/css”><br/>/* hides the second object from all versions of IE */<br/>* html object.mov {display: none;}<br/>/* displays the second object in all versions of IE apart from 5 on PC */<br/>* html object.mov/**/ {display: inline;}<br/>/* hides the second object from all versions of IE >= 5.5 */<br/>* html object.mov {display/**/: none;}<br/></style>
<!– End CSS Code –>
<!– Start XHTML Divx Web Player –>
<object classid=”clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616″ codebase=”http://go.divx.com/plugin/DivXBrowserPlugin.cab” height=”" width=”">
<param name=”src” value=”">
<param name=”custommode” value=”Stage6″>
<object type=”video/divx” data=”inserturl” class=”stupidie” height=”" width=”">
<param name=”src” value=”">
<param name=”custommode” value=”Stage6″>
No video? Get the DivX Web Player for <a href=”http://download.divx.com/player/DivXWebPlayerInstaller.exe”>Windows</a> or <a href=”http://download.divx.com/player/DivXWebPlayer.dmg”>Mac</a>
</object>
<!– End XHTML Divx Web Player –>
<!– Start XHTML Quicktime –>
<object classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” codebase=”http://www.apple.com/qtactivex/qtplugin.cab” height=”" width=”">
<param name=”src” value=”inserturl”>
<param name=”controller” value=”true”>
<param name=”autoplay” value=”true”>
<param name=”scale” value=”tofit”>
<object type=”video/quicktime” data=”inserturl” class=”stupidie” height=”" width=”">
<param name=”autoplay” value=”true”>
<param name=”scale” value=”tofit”>
<param name=”controller” value=”true”>
Sorry, shit happens… download quicktime from apple.com/quicktime
</object>
</object>
<!– End XHTML Quicktime –>
<!– Start XHTML Flash –>
<object type=”application/x-shockwave-flash” data=”inserturl” height=”" width=”">
<param name=”movie” value=”inserturl”><param name=”FlashVars” value=”playerMode=embedded”>
</object>
<!– FYI, that super small flash code works on everything from youtube / swf’s / all other movie sites…–>
<!– End XHTML Flash –>
</object>
UPDATE: 7/29 - Fixed this post. It wasn’t displaying the code and was messing up the rest of the blog. Seems wordpress is stupid and doesn’t by default recognize the “<code>” atribute
Circumerro Media recently launched a new web site for our client, Lowcountry Real Estate in Beaufort, South Carolina. The site features a very user and search friendly interface. This enables the Web site to continue building on its search engine rankings and assures users can easily see the properties for sale.
