Mozilla Video Control HTML5 Player Markup

<div id="video-player">
        <h3>New in Firefox 3.6: Personas</h3>
        <p>Instantly change the look of your Firefox with thousands of easy-to-install themes.</p>
        <div class="mozilla-video-control">
        <video width="512" height="288" poster="/img/tignish/video/poster-personas.jpg" id="video" tabindex="0" controls="">
 
            <source type="video/ogg; codecs=&quot;theora, vorbis&quot;" src="http://videos.mozilla.org/firefox/3.6/getpersonas.ogv"></source>
            <source type="video/mp4" src="http://videos.mozilla.org/firefox/3.6/getpersonas.mp4"></source>
 
            <object data="/includes/flash/playerWithControls.swf?flv=firefox/3.6/getpersonas.mp4&amp;autoplay=false&amp;msg=Play%20Video" style="width: 512px; height: 306px;" type="application/x-shockwave-flash">
 
                <param value="/includes/flash/playerWithControls.swf?flv=firefox/3.6/getpersonas.mp4&amp;autoplay=false&amp;msg=Play%20Video" name="movie">
                <param value="transparent" name="wmode">
 
                <div class="video-player-no-flash">
                This video requires a browser with support for open video:
                <ul>
                <li><a href="http://www.mozilla.com/firefox/">Firefox</a> 3.5 or greater</li>
                <li><a href="http://www.apple.com/safari/">Safari</a> 3.1 or greater</li>
                </ul>
 
                or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
                Alternatively, you may use the video download links to the right.
                </div>
 
            </object>
 
        </video>
        <a href="#" class="mozilla-video-control-overlay" style="opacity: 0; display: none;"></a></div>
        <p id="view-all"><a href="http://www.getpersonas.com/gallery/?source=moz.com_homepage">See all 30,000+ designs in the gallery</a></p>
    </div>