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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.