/ Published in: HTML
URL: http://camendesign.com/code/video_for_everybody
Expand |
Embed | Plain Text
<!-- "Video For Everybody" v0.3.2 =================================================================================================================== --> <!-- first try HTML5 playback. if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise --> <video width="640" height="360" poster="__POSTER__.JPG" controls> <!-- you must use `</source>` to avoid a closure bug in Firefox 3 / Camino 2! --> <source src="__VIDEO__.OGV" type="video/ogg"></source><!-- Firefox native OGG video --> <source src="__VIDEO__.MP4" type="video/mp4"></source><!-- Safari / iPhone video --> <!-- IE only QuickTime embed: IE6 is ignored as it does not support `<object>` in `<object>` so we skip QuickTime and go straight to Flash further down. the line break after the `classid` is required due to a bug in IE --> <!--[if gt IE 6]> <object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><! [endif]--> <!-- non-IE QuickTime embed (hidden from IE): the self-closing comment tag allows non-IE browsers to see the HTML whilst being compatible with serving as XML --> <!--[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" /> <param name="autoplay" value="false" /> <!-- fallback to Flash --> <object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF?image=__POSTER__.JPG&file=__VIDEO__.MP4"> <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below --> <param name="movie" value="__FLASH__.SWF?image=__POSTER__.JPG&file=__VIDEO__.MP4" /> <!-- fallback image. download links are below the video. warning: putting anything more than the fallback image in the fallback may trigger an iPhone OS3+ bug where the video will not play --> <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> <!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
Comments
Subscribe to comments
You need to login to post a comment.

Video for everybody!