10 Amazing HTML5 Media Player Implementations (Inspiration)
HTML is the markup language that makes up every page on the web. The newest version, HTML5, includes specifications for a video tag, that is meant to allow website developers to add a video to a page the same way they would add an image. In order for this to work, web browser developers (Mozilla, Webkit, Opera, etc.) have to build the video functionality into their browsers.
The W3C has created directions on how video should work in browsers, and it’s up to browser developers to follow those directions, so that video works the same across all browsers. This doesn’t always happen thanks to technology, legal, and financial choices made by browser developers, but so far no one’s varying too far from the specifications. However the specifications are still being changed and refined, so browsers developers have to keep up with that as well.
Playing video in a web page may not seem so special since you can already view video on a web page through plugins like Flash Player, Quicktime, Silverlight, and RealPlayer, however this is a big step forward for standardizing video playback across web browsers and devices. The goal is that in the future, developers will only need to use one method for embedding a video, that’s based on open standards (not controlled by one company), and it will work everywhere.
In this post I will showcase to you a list of best HTML5 media players implementations around the web.
HTML5 Media Players
The first thing to note about this video player is that it still, as yet, not been released for general use. What the developers have set-up though is a pre-release demo for everyone to drool over. And drool over you will. It looks amazing and seems to works even better.
At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5.
This is an opt-in trial of HTML5 video on YouTube. If you are using a supported browser, you can choose to use the HTML5 player instead of the Flash player for most videos.
To enable the HTML5 player, click the “Switch to HTML5 player” link below any video. Enjoy!!!
The JW Player for HTML5 is a fully skinnable and configurable player based on the new <video> tag found in HTML5. It is built using jQuery and enables a seamless fallback to the popular JW Player for Flash.
VP Factory is an entirely different beast than sites like YouTube or Vimeo. VP Factory is a full on, cloud-based, video management app with highly customizable video player and many more fantastic features.