Video Tag Testing with fallback

Here is an example of implementing the HTML5 video tag in .ogv, .webm and .mp4 formats. Thanks to the Google for the Chrome Video link.

Go back to HTML5 Video & Audio Tut → or View The Code →.
Also a great place to see all of the controls working at once is over at w3

Video code Snippet.

<video id="video_with_controls" width="620" controls autobuffer>
    <source src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.ogv" type='video/ogg; codecs="theora, vorbis"' />
    <source src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.webm" type='video/webm; codecs="vp8, vorbis"' />
    <source src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <embed src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.mp4" type="application/x-shockwave-flash" 
    width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed> 
<p>Your browser doesn’t support video.  
Please download the video in <a href="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.ogv">Ogg</a> or <a href="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.mp4">mp4</a> format.</p>  
</video>