Data, Maps, Usability, and Performance

Sample WebM, Ogg, and MP4 Video Files for HTML5

Last updated on July 11, 2012 in Development

HTML5 Video Sample Files

If you are playing around with the HTML5 Video tag you might need some sample video files and these video files have to be in different web formats. The problem is that different browsers support different types of video files, so to provide proper cross-browser support, you need to convert your video into many different formats. I plan on writing more about HTML5 Video and some cool things that it allows you to do but as a start, I wanted to convert one small video file into a lot of different formats and provide these files as a sample video for anyone to use in their tests and projects.

For web browsers, you are basically going to need MP4, WebM and Ogg formats(Ogg format is specified as type=video/ogg but the video extension is .ogv) while mobile browsers will use MP4 and 3GP formats. And HTML5 is obviously about eliminating the need for Flash but I will include flv format as well. The original mp4 is really small, just 385Kb and the video lasts 5 seconds. Feel free to use the following files for whatever you need:

Sample MP4 Video File

Sample WebM Video File

Sample Ogg Video File

Sample 3GP Video File

Sample FLV Video File

And here is the HTML5 video tag code and demo:

If you are using a Mac, the Miro Video Converter is a simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and more.

Related Links

Top Cross Platform Video Players
The State Of HTML5 Video

Tags: ,

Facebook Twitter Hacker News Reddit More...