EMBED A MOVIE PLAYER WITH VIDEOJS

If you are not satisfied with the built-in player controls offered by your HTML5 web browser and you have no interest in creating your own controls and JavaScript code, you may be interested in a program called VideoJS. Produced as an add-on JavaScript program, it not only provides a way for you to create custom video playback controls using nothing but CSS, but also provides a built-in fallback to non-HTML5 browsers to launch a Flash-based video player.

VideoJS requires you to add additional code around your existing <video> tag group. This includes wrapping it in a master <div class='video-js-box'></div> block and requires you to add some additional class names to the <video> tag itself.

If <video> is not supported, ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.