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 example.js
. Perform the following steps:
In the body element we include :
<p> <video width="640" height="360" poster="poster.png" controls preload loop> Video playback not supported <a href="http://archive.org/download...