How to Embed Video in Html5


Here is the simplest form of embedding a video file in your webpage:
<video src="test.mp4"  width="300" height="200" controls>
    Your browser does not support the <video> element.  
</video>
The current HTML5 draft specification does not specify which video formats browsers should support in the video tag. But most commonly used video formats are:

Ogg: Ogg files with Thedora video codec and Vorbis audio codec.
mpeg4: MPEG4 files with H.264 video codec and AAC audio codec.

You can use <source> tag to specify media along with media type and many other attributes. A video element allows multiple source elements and browser will use the first recognized format:
<!DOCTYPE HTML>

<html>
<body>
   <video  width="300" height="200" controls autoplay>
       <source src="/html5/test.ogg" type="video/ogg" />
       <source src="/html5/test.mp4" type="video/mp4" />
       Your browser does not support the <video> element.
   </video>

</body>
</html>