How to Create an HTML5 Video Player

There is a lot of HTML5 Video player out there, but how about creating  HTML5 Video Player your self?.  Steveheffernan has writen tutorial  How to Create an HTML5 Video Player It’s meant to give you a basic understanding of the different options you have with the new video tag in HTML5, and the javascript needed to create some of the typical video controls you’d find in other players.

HTML5 Video Player 600x338 How to Create an HTML5 Video Player

It’s library agnostic, meaning you don’t need a library like jQuery to create it, however once you understand how everything works it can definitely be simplified/improved on. The <video> tag is basically a new tag introduced in HTML5 that allows you to embed video in a web page without having to use Flash or another embeddable plugin, and instead use a player that’s built into the browser. It’s only supported by advanced browsers like Firefox, Safari, Chrome, and Opera. Not Internet Explorer, though IE9 is supposed to support it.

Requirements: HTML5 enable browser
Demo: http://www.steveheffernan.com/html5-video-player/demo-video-player.html
License: License free

Incoming search terms for the article:

Related Posts

jquery-greyscale

Create A Grayscale Image Hover In HTML5

21 Free HTML5 and CSS3 Corporate & Folio Templates

Cuepoint.js – Adding Cue-Points & Subtitles To HTML5 Video

HTML5 Music Player Plugin For jQuery