Design, CG Graphics & Inspiration
HTML5 video players

HTML5 video players

This article is going to be about HTML5 video players. We’ll focus on ten decisions for cross-platform video displaying on the sites. The video element is a long-expected and certainly one of the most useful feature in HTML5.

We can easily embed videos into web pages without any plugins, using the video element (which is now included in latest versions of Firefox, Safari & Chrome & Opera). The main drawback is that not all of the browsers support the same codecs (IE doesn’t support any). In this case javascript comes to help. It sits on top of the video tag providing better video controls and a fallback to flash for older browsers.

Here is a collection of useful HTML5 video players which allow you to easily embed flash video into web pages when you need it. Almost all of them are free and can be used for the commercial working.

Projekktor

Projekktor

It supports: .264, webM, Theora Ogg, Vorbis Ogg, MP3. Free and Open Source (GPL), easy to integrate, easily skinnable via CSS, cross browser consistency, fullscreen mode, volume control, flash fallback, Youtube support.

VideoJS

videojs

No images used, 100% skinnable using CSS free and Open Source. It supports: H.264, Theora Ogg, webM.

SublimeVideo

sublimevideo

SublimeVideo is a Zero Maintenance HTML5 video player as a service solution. You always get the latest version of the player, without having to do anything. It provides you with the comfort of automatic browsers support updates, automatic bug fixes and automatic new features. We take care of all the complexity for you. Thid video player is designed to be super simple to integrate: Just add a single-line-of-code to enable SublimeVideo in your web page.

It supports: H.264, webM, Ogg. Drawback: most likely it won’t be free. Pricing to be announced right after the Beta. We are waiting for the launch.

FlareVideo

flarevideo

FlareVideo is an open source, jQuery-powered HTML5 video player. Features: HTML5 video with Flash fallback, easy CSS/HTML/JS customization and theming, completely open source and free for commercial use. It supports: MOV, FLV, Ogg, H.264.

JW Player

jw_player

Flash and HTML5 Video Player for FLV, H.264, MP3 and YouTube Videos for your website.

OSM Player

osm_playerr

Open Standard Media (OSM) Player is an industry changing, open source (GPLv3) media player that is written in jQuery to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.

LeanBack Player

leanback_player

LeanBack Player is an open source HTML5 video player that doesn’t rely on any javascript frameworks. It has support for subtitles using HTML5 track element and language-selection by label attribute of track (yes, subtitles can be multilingual). CSS customizable, has built-in fullscreen mode, volume controls (mute on/off and volume bar) and can handle multiple videos in a single page. Almost every action can be done via keyboard controls besides standard usage. LeanBack Player works in all popular browsers and falls back to Flash if HTML5 video is not supported.

Kaltura

Projekktor

Kaltura has developed a full HTML5 Video Library – in use by Wikipedia – that works in ALL major browsers, even IE. It supports: H.264, Ogg, FLV and MOV. Based on HTML, CSS and jQuery, skinning is amazingly easy and flexible. No need for external or compiled resources (like Flash).

jMediaElement

kaltura

jMediaElement is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code.

Source

  • Splashnology Editors,
  • April 10, 2011

SHARE THIS POST

This post has been written by the team here at Splashnology.com

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.