HTML5 Video

By now we’ve all seen Apple’s touting off on capabilities of HTML 5 (Safari only of course). These examples of HTML 5 look great for the future, but I would like to find a single work flow that will take video, convert it into the proper formats/size, and upload it to my web server to be embedded into a website with 100% (or close to) browser compatibility.

In “pretty-drawing theory” it would look like:

HTML5 Video Work Flow Overview

After sampling many Word Press plug-ins I came across one appropriately named Universal Video. Super kudos to Rob McGuire for developing this! Universal Video is extremely easy to use and works like a charm.

It uses two video files (ogg and H.264) one for HTML 5 delivery and a second for a fail-safe flash delivery via Flowplayer. Quicktime works great for converting into H.264, and Miro Video Converter for ogg video.

Be sure to add:

AddType audio/ogg .oga
AddType video/ogg .ogv .ogg

to your .htaccess file for it to work in Firefox. [more info]

And the test results show… it just works. Now I need to automate it! Wee.

No Comments

Leave a Reply