About HTML5 <video>tag</video>

  • HTML5 introduces the new tag which replaces the former _<object>tag for Flash video embedment. The benefits of using HTML5 tag are numerous. It brings not only minimalism and simplicity of video code, but also the ease of search bots to properly index your video file. Website developers can add a video to a page in the same way they would add an image, since the basic markup necessary for in HTML5 is refreshingly simple and straightforward:

     <video width="320" height="240" controls="" autoplay="" poster="video.jpg"><source src="movie.mp4" type="video/mp4">
     <source src="movie.ogg" type="video/ogg">
     Your browser does not support the video tag.</video> 

    Such code can be easily composed even by a not tech-savvy specialist. In the simplest way the code may be reduced to:

    The <video>tag allows multiple <source> elements which can link to one and the same video in different formats, for example:

    <source src="movie.webm" type="video/webm; codecs=&quot;vp8.0, vorbis&quot;">
    <source src="movie.ogv" type="video/ogg; codecs=&quot;theora, vorbis&quot;">
    <source src="movie.mp4" type="video/mp4; codecs=&quot;avc1.4D401E, mp4a.40.2&quot;">

    Browser Support
    For up to date information on browser support, you can check out the YouTube HTML5 Page

    Source: Sitepoint (click here to read the full article)</video></object>_

Log in to reply