Video For Everyone Markup

Video For Everyone Markup Pattern

<!-- 
* video for everyone markup 
* http://camendesign.com/code/video_for_everybody
* This is all done without JavaScript and requires two video encodes, one Ogg file, and one MP4 file. WebM can optionally be added.
-->

<video width="640" height="360" controls>
  <source src="__VIDEO__.MP4"  type="video/mp4" />
  <source src="__VIDEO__.OGV"  type="video/ogg" />
  <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
    <param name="movie" value="__FLASH__.SWF" />
    <param name="flashvars" value="controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
    <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
         title="No video playback capabilities, please download the video below" />
  </object>
</video>
<p> <strong>Download Video:</strong>
  Closed Format:  <a href="__VIDEO__.MP4">"MP4"</a>
  Open Format:  <a href="__VIDEO__.OGV">"Ogg"</a>
</p>