O'Reilly logo

HTML5 Data and Services Cookbook by Mite Mitreski, Gorgi Kosev

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

Adding text to your video

When displaying multilingual videos we often want to provide text for persons who speak other languages. This is a common practice for many conference talks as well as plenty of movies and TV shows. In order to enable external text track resources in the video the WebVTT (http://dev.w3.org/html5/webvtt/) standard was created.

Getting ready

For simplicity, we will use the same video together with the poster images, same as we used in the other examples. As for the other files we will create them ourselves. You can also pick other video on your own since the video itself will not be all that relevant.

How to do it...

We start with the HTML, where we include the video element and additionally add track elements as well as simple ...

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