HTML5 video tags have a power level over 9000

My brother showed me this post at hacks.mozilla.org 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 http://numberedhumanindustries.com/video

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:

</video

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 🙂

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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