/ best free open source web resources /

How to Build a Custom HTML5 Video Player with jQuery

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.

If you want a nice HTML5 player with flash fallback -> try DarkOnyx (http://darkonyx.web-anatomy.com/en). It’s the best player out there -> multi-channel playlist, ad-solution, video cms etc. included.

http://websitecenter.ca/ Iouri Goussev

Is it possible to send server-side event to the user with video tag? i.e out of credits?