HTML and CSS Reference
Listing I.5. index-vtt-1.html, video element with a captions track
And that's all there is to it. With these two additions you can now play the video to re-create
the screenshots from the introduction. Check the file index-vtt-1.html in the code download
for the complete listing.
I.2.2. Adding multiple text tracks
Things get more fun when you add multiple <track> elements. The kind attribute in
listingI.5 can be set to several different values depending on the purpose of the timed track.
A full list is shown in table I.2 .
Table I.2. Values for the kind attribute
Transcription or translation of the dialogue, suitable for when the sound is available but
not understood (e.g., because the user doesn't understand the language of the media re-
source's audio track). Overlaid on the video.
Transcription or translation of the dialogue, sound effects, relevant musical cues, and oth-
er relevant audio information; suitable for when sound is unavailable or not clearly aud-
ible (e.g., because it's muted or drowned out by ambient noise, or because the user is
deaf). Overlaid on the video; labeled as appropriate for the hearing-impaired.
Textual descriptions of the video component of the media resource, intended for audio
synthesis when the visual component is obscured, unavailable, or not usable (e.g., be-
cause the user is interacting with the application without a screen while driving, or be-
cause the user is blind). Synthesized as audio.
Chapter titles, to be used for navigating the media resource. Displayed as an interactive
(potentially nested) list in the user agent's interface.
Tracks intended for use from script. Not displayed by the user agent.