One of the largest areas of development in HTML5 is with the processing and handling of video, allowing for powerful media players to be built in easily with websites without the need for a massive number of external components. With the bandwidth limitations decreasing and internet speeds growing, video has become the in-demand medium on the web, and HTML5 video is a great way to provide it.
In this article, we’ll be providing you with some great HTML5 video players to jump start your website’s media capabilities, along with some tutorials so you can understand what’s going on behind the scenes, and even create your own.
If you need more HTML5, check our other posts:
- 20 Shockingly Cool HTML5 Canvas Applications
- Fresh and Useful HTML Tutorials
- The Ultimate HTML5 Toolbox
Enjoy, and if you know of other resources, please post them in the comments!
Video JS HTML5 Player
Open Standard Media Player
Flare Video
Moovie
Akamai’s Open HTML5 Player
Video for Everybody
Degradable HTML5 Video
Tutorials
Everything You Need to Know About HTML5 Video
Introduction to HTML5 Video
How to Build an HTML5 Video Player
Custom HTML5 Video Player with CSS and jQuery
Another good resource is the “HTML5 video player comparison” (http://praegnanz.de/html5video/).
About 20 HTML5 video-based are listed (licence, js library, iOS, Fullscreen,…)
Thanks for the mention!
-Heff (VideoJS)
Be sure to check out http://mediaelementjs.com as well!
Missing DarkOnyx here:
http://darkonyx.web-anatomy.com/en
It’s imho way better than most of these players here, which do not offer anything more than a play button (maybe expect for OSM). HD/SD modes, true ad-support, external playlist and CMS (too bad it’s php/mysql only)
My order:
1. – OSM
2. – DarkOnyx
3. – …the whole rest
wow.. I am creating my first html5 application and the resources are really good 🙂