File Under: HTML5, Multimedia
Jul
15
2010

More Cool HTML5/JavaScript Video Players

By

One of the most-cited advancements in HTML5 the new syntax for embedding videos on web pages without the use of plugins.

Rather than load up a Silverlight or Flash player, you can just wrap a file URL in <video> tags and the video will play natively in the most recent crop of browsers — including Mobile Safari on the iPhone and iPad, where Flash and Silverlight aren’t allowed.

The design of default controls are left up to the browser vendor, but they are usually rather spartan, so the user experience is a little lacking. But since native web playback is all done with web standards, you can create fancy players in JavaScript and CSS that wrap around your video and make playing, controlling and navigating video content much more elegant.

We’ve previously told you about some great standards-based players from Sublime Video, Kaltura and Video for Everybody. Here are a few more.

  • FlareVideo (screenshot at the top) is an HTML5 player that we especially like because it’s very easy to dip into the CSS and JavaScript and start customizing. It also ships with a couple of themes that mimic the look of Vimeo and Spotify and serve as a helpful springboard for further customization.

  • Video JS is another player based on some lightweight JavaScript. It’s fully skinnable, library independent, and it has a fallback scheme for IE.

  • The Open Standard Media (OSM) player uses the jQuery framework to fancy up your HTML5 videos. So if you’re the jQuery type, this one’s for you. You can also use it to play back videos published on Vimeo and YouTube in a playlist that sits next to the player.

    • [Via insicdesigns]

    See Also:

    Tags: , , ,