<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>
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!