HTML5 Video Voting allows you to gather feedback on your videos. Voting is exquisitely simple. All you do is click on the video and use the spacebar to submit your vote, it will automatically populate the bar graph.

When you vote, it is added to that section of the videos timeline. This allows a viewer to quickly assess the most intriguing segments of the video and quickly jump to those sections by clicking on the bar graph. The player is tested in FireFox 4+, Chrome 10+, and Safari 4+ but may very well work in others.

Published under: Video | MPL License

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.

Published under: Video | LGPL License

TubePlayer is a jQuery plugin that implements YouTube Player API, and allows you to create your own controls and components for YouTube movies. In addition to jQuery, it also requires SWFObject for cross browser support.

Creating custom controls for YouTube videos using TubePlayer is very easy; all you need to do is initialize the YouTube Player using tubeplayer() method, and then hook tubeplayer’s events to any elements you want to use as triggers.

Features

  • Browser Support Tested: Firefox 3.5+, Chrome 5, Opera 10, Safari 5, IE6+
  • Controls: play, pause, stop, seek, volume control, quality control and data retrieval
  • Callback Functions: onPlayerUnstarted, onPlayerEnded, onPlayerPlaying, onPlayerPaused, onPlayerBuffering and onPlayerCued

Published under: Video | GPL License | MIT License

Building our own custom video player with HTML5 video, JavaScript and CSS3 is fairly easy. By using JavaScript only for the actual functionality of the controls, and CSS3 for everything that involves the look and feel of the player, we get a powerful, easily customizable solution.

As professional web designers, we want to create a video player that looks consistent across browsers. Each browser however provides its own different look and feel for the player, from the minimal approach of Firefox and Chrome, to the more shiny controls of Opera and Safari. If we want our controls to look the same across all browsers, and integrate with our own design, we’ll have to create our own controls from scratch. This is not as hard as it seems.

All media elements in HTML5 support the media elements API, which we can access using JavaScript and use to easily wire up functions such as play, pause, etc. to any buttons we create. Because the native video player plays nicely with other open web technologies, we can create our controls using HTML, CSS, SVG or whatever else we like.

Article: Building a custom HTML5 video player with CSS3 and jQuery taught us how to build an easily customizable HTML5  <video> player, including packaging it as a simple jQuery plugin, choosing control types and outputting custom CSS for your own situation.

Published under: Video | License Free

FlareVideo is a Completely open source and free for commercial use HTML5 video with Flash fallback. It is easy CSS/HTML/JS customization and theming.
FlareVideo also support Full screen playing.

 

Published under: Video | MIT License

Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.

Video JS Features :

  • Free & Open Source
  • Lightweight. NO IMAGES USED
  • 100% skinnable using CSS
  • Library independent
  • Easy to use
  • Easy to understand & extend
  • Consistent look between browsers
  • Full Window Mode
  • Volume Control
  • Fallback to Flowplayer

 

Published under: Video | LGPL License

ToobPlayer is a lightweight (approx. 14-18 KB) FLV player component that comes in five flavors, provides a mechanism to play back YouTube Videos, and can also display preview images.

ToobPlayer also provides other features:

  • Resizable, optional full-screen mode
  • Several video resize modes
  • Loading status feedback
  • Mouse-wheel support (seeking/volume control)
  • Auto-repeat, buffer time
  • Customizable
  • Extensive API

 

Published under: Video | MIT License

YouTube Chromeless Video Player is a jQuery plugin written by Trevor Davis allows you to buld a custom YouTube video player with the ability of adding multiple videos on the same page.

YouTube Chromeless Video Player functionality is pretty simple: you get a play/pause button, a status bar, and a mute/unmute button; but this plugin gives you control over how those things look.

This great jQuery plugin requires jQuery, and SWFObject.

 

Published under: Video