background preloader

<video>

Facebook Twitter

HTML5 Video Player Comparison. 4.8.6 The video element. Video + canvas = magic. You’ve already learned about the <video> and <canvas> elements, but did you know that they were designed to be used together?

video + canvas = magic

In fact, the two elements are absolutely wondrous when you combine them! I’m going to show off a few super-simple demos using these two elements, which I hope will prompt cool future projects from you fellow web authors. (All of these demos work in every modern browser except Internet Explorer.) First, the basics. HTML5 Video Player. Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video.

HTML5 Video Player

This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video. What's HTML5 Video?