Thursday, November 4, 2010

Open Source HTML5 Video players

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, many browsers and platforms. 

Video JS

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. See the skins page for examples of custom skins.


MEDIA FRONT



This media player is much different than any other media player on the market, and we are sure you will be happy with the following list of features it offers.
  • 100% Open Source and 100% free!
  • Written in the popular jQuery framework.
  • Dynamic HTML5 content delivery.
  • Audio and Video support with the most popular media formats.
  • Automatic Flash fallback for non-standard media.
  • Easily themable using the incredible ThemeRoller system.
  • Seamless Vimeo and YouTube integration.
  • Playlist support
  • Player to Player communication.
Sublime Video

Another great HTML5 Video player that doesn't need browser plugins. 100% Javascript library. Scalable, Configurable CSS layout.


Unique Features:
  • Seek ahead: jump anywhere in the video and it will start buffering from that point (Flash mode requires streaming server)
  • Uniform UI across all browsers
  • Volume controls: saving audio level for each site (cookie-less HTML5/Flash local storage)
  • Time display: mouse over elapsed time to view remaining time with click to stick
  • Full-window mode:
    • More advanced controls on a draggable pane
    • Sleek zoom-in/out transitions
    • Live-resizing (when resizing the browser window)
    • Double-click video to enter full-window
    • Press spacebar to play/pause and Esc to exit full-window
  • Full-screen mode: hold down Command (Mac) or Ctrl (Windows/Linux) while entering full-window. Currently only supported in Safari 5 and in the Flash version of the player.


    No comments: