<track> Tag - Untertitel für Videos

Beispiel:

<video width="640" height="360" controls>  
    <source src="https://ekiwi.de/tryit/files/koko.mp4" type="video/mp4">  
    <track src="track.vtt" kind="subtitles" label="Deutsche Untertitel"></track>
</video> 

Online testen

Verwendung

Mit dem track Tag können Untertitel für Videos angegeben werden. Die Untertitel befinden sich in einer Text-Datei. Mehrere Untertiteldateien, z.B. für verschiedene Sprachen können festgelegt werden. Der Anwender kann diese im Browser auswählen.

Attribute

Attribut Wert Bescrhreibung
default default Festlegung des Tracks als Vorgabe
kind captions
chapters
descriptions
metadata
subtitles
Festlegung des Inhalts
label Text Beschriftung, z.B. "Deutsche Untertitel"
src URL URL zur Untertiteldatei
srclang Sprachencode Festlegung der Sprache der Untertitel

Darstellung

Screenshot:

 

Beispiel einer Untertiteldatei

WEBVTT FILE

1
00:00:00.500 --> 00:00:02.000 D:vertical A:start
Dies ist ein Unteritel




2
00:00:02.500 --> 00:00:04.300
und hier kommt bereits der nächste!

3
00:00:05.000 --> 00:00:07.000
Und weiter gehts!