in Development

7 Great HTML 5 Video Player Scripts

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 this article I have collected 7 HTML 5 video player that you can easily use in your websites. Oh, and at the and of the article is a bonus entry.

VideoJS

VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css). Using Video for Everybody as the embed code means you know it’s compatible with many devices (including ones without javascript). The javascript library fixes browser & device bugs, and makes sure your video is even more compatible across different browser versions. The pure HTML5/CSS skin ensures a consistent look between HTML5 browsers, and easy custom skinning if you want to give it a specific look, or brand it with your own colors.

SublimeVideo

SublimeVideo is a unique cloud-based HTML5 video player that gives you the power to reach your audience no matter what device or browser they are using. Note that this script is not free.

Open Standard Media (OSM) Player

Built by Alethia Inc., the Open Standard Media (OSM) Player is an all-in-one media player for the web. It 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.

Video for Everybody

Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms.

Kaltura HTML5

Kaltura’s HTML5 video solution – in use by Wikipedia – works in ALL major browsers by using a unique ‘fallback’ mechanism.

FlareVideo

FlareVideo was created by Alex MacCaw – a Ruby/JS developer. Features:

  • HTML5 video with Flash fallback;
  • Easy CSS/HTML/JS customization and theming;
  • Full screen support;
  • Completely open source and free for commercial use.

Projekktor

A free, open source (GPL) HTML5 based video player written in Javascript. It solves cross browser and compatibility issues, adds eye candy and provides extremely powerful non standard features.

 

Bonus Tutorial -Building a custom HTML5  video player with CSS3 and jQuery

In this article, the author will show you step-by-step how to build your own video player using HTML 5 with CSS3 and jQuery.

Bogdan

Bogdan is the founder of Top Design Magazine. You can find him in Bucharest-Romania so next time you want to drink a beer there and talk about web and stuff, give him a message.

Leave a Reply