HTML5 video tags have a power level over 9000

My brother showed me this post at on how to do the much bitched about html5 video tags. So I totally had to do it, and I did.

Here is my page

The cool thing is that you can have it degrade codecs and and even all the way to flash. The first (intro) video is this way, but the rest are theora/vorbis file (yeay freedom!) So here is a little howto.

First You need a place to store the vids that you can link to. If you have dropbox you could put the vids in your public folder and link there.

To have a just theora/vorbis vid (because you love freedom) the code looks like this:


To have a theora/vorbis vid that degrades to mpeg4 the code looks like this:

Now if you need it to degrade all the way to flash (puke) then it would look like this:

ok that is the long and short of it. Not bad at all but you need to have Firefox 3.5 and some versions of Opera/Chrome/and possibly Safari with some extra codecs that screws the whole idea.

**EDIT: ok so I’m not smart enough to get the code to show up so just check out the mozilla hack page I was just copying from them anyway 🙂


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s