O'Reilly logo

HTML5 Video How-To by Alex Libby

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

Inserting subtitles (should know)

In this modern day, a key element of running video is allowance for "accessibility"—this is not just being able to play videos in different browsers or on different platforms, but also providing support for those with disabilities. In this task, we're going to have a look at one element of this by providing subtitle support using a library called Cuepoint JS, which is available from http://www.cuepoint.org.

Getting ready

For this task, you need to avail yourself of a copy of Cuepoint JS, and copies of your videos from earlier tasks—ideally these should be in MP4, WebM, and Ogg formats. You will also need a copy of the subtitle background image used by the code—this is available in the code download that accompanies ...

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