Clever cross-platform HTML video embed code

Camen Design have released a very clever HTML snippet which will embed a video in the page, using HTML5’s <video> tag by default, and falling back to QuickTime or Flash/FLV automatically, without worrying about JavaScript, which means it’ll work properly in RSS readers and email clients that don’t support JS. And, since the default output is the <video> tag, it’ll work on an iPhone.. Here’s what it looks like:

<video width="640" height="360" poster="__POSTER__.JPG" controls>
	<source src="__VIDEO__.OGV" type="video/ogg" />
	<source src="__VIDEO__.MP4" type="video/mp4" /><!--[if gt IE 6]>
	<object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><!
	[endif]--><!--[if !IE]><!-->
	<object width="640" height="375" type="video/quicktime" data="__VIDEO__.MP4">
	<!--<![endif]-->
	<param name="src" value="__VIDEO__.MP4" />
	<param name="showlogo" value="false" />
	<object width="640" height="384" type="application/x-shockwave-flash"
		data="__FLASH__.SWF?image=__POSTER__.JPG&amp;file=__VIDEO__.MP4">
		<param name="movie" value="__FLASH__.SWF?image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
		<img src="__POSTER__.JPG" width="640" height="360" alt="__Title of video__"
		     title="No video playback capabilities, please download the video below" />
	</object><!--[if gt IE 6]><!--></object><!--<![endif]-->
</video>
<p>Download Video: <a href="__VIDEO__.MP4">Apple iTunes "MP4"</a> | <a href="__VIDEO__.OGV">Open Format "OGG"</a></p>

Go get it, spread it wide

February 11, 2010

New browser from Google coming very soon

September 2, 2008