O'Reilly logo

HTML5: Your visual blueprint™ for designing rich web pages and applications by Adam McDaniel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required