![]() |
Labs.byHook |
Scripts, Tools & Methods Developed at Hook |
Tweet |
|
42 Posts since November, 2009 |
There is nothing better than a little friendly competition, right? Mike came to me with the request to make his post a little more modular and into a javascript library that could be shared for the masses. Don’t get me wrong, I pretty much hate javascript unless it is wrapped by JQuery, but any opportunity to improve and take credit for another person’s hard work sounded too fantastic to pass up. So here is my update to Mike’s post — the BETTER way to implement video that is compatible with mobile phones, difficult browsers and HTML5-lovers/Flash-haters!
This was my first attempt at integrating HTML5 and I quickly learned that a number of quirks must be addressed when deploying video in this fashion. There’s nothing groundbreaking about this post; however, I’m hoping it serves to be a comprehensive summary of how to integrate HTML5 with the following criteria:
- Compatibility with all current browser implementations of HTML5 (H.264 and Theora)
- Flash fallback for older gen browsers
- Platform detection
- Mobile device support
The final result of my efforts can be viewed here by a Desktop PC or iOS / Android device: http://labs.byhook.com/html5video/