html5 video for all

online video tag generator

http://sandbox.thewikies.com/vfe-generator/

<video width="640" height="360" controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg"
    autoplay>
 <!-- MP4 must be first for iPad! -->
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"><!-- Safari / iOS, IE9 -->
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm"><!-- Chrome10+, Ffx4+, Opera10.6+ -->
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg"><!-- Firefox3.6+ / Opera 10.5+ -->
 <!-- fallback to Flash: -->
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
  <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
  <param name="allowFullScreen" value="true" />
  <param name="wmode" value="transparent" />
  <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny.mp4','autoPlay':false}]}" />
<!-- fallback image -->
  <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
</object>
</video>

Video Formats and Browser Support

Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg:

Browser	MP4	WebM	Ogg
Internet Explorer 9+	YES	NO	NO
Chrome 6+	YES	YES	YES
Firefox 3.6+	NO	YES	YES
Safari 5+	YES	NO	NO
Opera 10.6+	NO	YES	YES

• MP4 = MPEG 4 files with H264 video codec and AAC audio codec
• WebM = WebM files with VP8 video codec and Vorbis audio codec
• Ogg = Ogg files with Theora video codec and Vorbis audio codec

MIME Types for Video Formats

Format	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

Note: you must have to add mime type in server.
Add a MIME Type (IIS 7)

1. Open IIS Manager and navigate to the level you want to manage. For information about opening IIS Manager.
2. In Features View, double-click MIME Types.
3. In the Actions pane, click Add.
4. In the Add MIME Type dialog box, type a file name extension in the File name extension text box.

For example,
Type in the opened window the following:
File name extension: .mp4
MIME type: video/mp4
Type in the opened window the following:
File name extension: .webm
MIME type: video/webm
Type in the opened window the following:
File name extension: .ogv
MIME type: video/ogg
Click OK.