labs.insert-title.com

HTML5-ified

So as you can tell the site looks very different right now. I decided this was a good site to begin getting my HTML5-fu in place and I gotta tell you I like it a lot. You really dont get the benefit of the new CSS3 design elements if you are not using Safari or Chrome, but Firefox renders pretty well.

I am using the new HTML5 layout elements like < header >,< nav >, and < aside > rather than divs. Also tinkering with some microformats, article, section, time etc.

HTML layout

Probably the trickiest one was tapping into the video tag. despite the fact that everything I read said, "Oh just add the video tag and the src", it is a bit more than that.

First there seems to be some confusion about whether the controls and autobuffer parameters need to have a vlue of true/false. They need neither, just the parameter itself declares it as true, adding a value invalidates the HTML. Second, I used ffmpeg to convert existing mp4s to ogv. Third ogv needed to be added as a mime-type to IIS (.ogv video/ogg). The debate over Theora videos versus H.264 support rages on, but I am using both for now:


<video>  
 <source src="video/VIDEO.ogv">  
 <source src="video/VIDEO.mp4">  
</video> 

The built in browser controls are nice, but I am working on creating my own player controls

For IE I just added a link to download the video file as mp4.

Skipped past updating comments form, which are disabled again for the time being.

Comments temporarily disabled for now, you can find me @joemaddalone