HTML5 Video Formats

If you're not already aware, I'm moving this site across from the www version to a html5 non-subdomained version.

As part of the move I'm going to update all my video file formats so that it can be enjoyed in all HTML5 wonder.

There are hundreds, thousands, of resources on the internet for HTML5 Video formats, however I really like DiveintoHTML5 so that's where I went.

Keep your eye on the visual section of this site for the change, and check back here to see all the issues I have during the process (like having to update my ffmpeg settings to encode for webm and download ffmpeg2theora).

Update 10/01/2011

I had a bit of trouble on Sunday night getting the files uploaded onto the CMS and then being able to render correctly on the front end.

The first issue was with the Mime Types of the files.  Apache already had MimeTypes for OGG (.ogv) and MP4 (.mp4) format, however it was lacking WEBM support (.webm).

After updating the Mime.conf file within the apache configuration settings I thought that I'd be on the road to success, but it was a little bit more bumpy.  For some reason the mp4 and ogv files were working fine, however the webm versions were not being recognised.  I had already commented on twitter about the point of running webm when you didn't need to use it to cover all of the browsers, however Justin Cormack replied to confirm that webm does offer better quality for the same bitrate (and therefore size and save on bandwidth)

Tags:

HTML5 Video Formats by Justin Avery is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.