HTML5 MediaElement

# MediaElementPlayer.js

## Frame accurate Playback with Timecode - Multi-codec

`

    <video width="640" height="360" id="player2" poster="../media/frameaccuracy_logo.jpg" controls="controls" preload="none">

    	<!-- WebM for Firefox 4 and Opera -->
    	<source type="video/webm" src="../media/perfect-timecoded.webm" />

        <source type="video/mp4" src="../media/perfect-timecoded.mp4" />

    	<!-- OGG for Firefox 3 -->
    	<source type="video/ogg" src="../media/perfect-timecoded.ogv" />
    	<!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off -->
    	<object width="640" height="360" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf">
    		<param name="movie" value="../build/flashmediaelement.swf" />
    		<param name="flashvars" value="controls=true&poster=../media/frameaccuracy_logo.jpg&file=../media/perfect-timecoded.mp4" />
    		<!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed -->
    		<img src="../media/frameaccuracy_logo.jpg" width="640" height="360" alt="Here we are"
    			title="No video playback capabilities" />
    	</object>
    </video>

`

Note: if you are working with local files, you'll need to add your working directory to the Flash Global Security Settings.