Das Tag <track> definiert eine externe Textspur für die Elemente <audio> und <video>, die gewöhnlich Untertitel in verschiedenen Sprachen, Kommentare, Titel usw. enthält.
Syntax
<[audio | video]>
...
<track src="...">
...
</[audio | video]>Das Endtag ist nicht obligatorisch.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
video {
width: 300px;
height: 200px;
border: 1px solid #666;
}
</style>
</head>
<body>
<video controls muted src="/build/videos/arcnet.io(7-sec).mp4">
<track default kind="subtitles" srclang="en" src="/build/videos/arcnet.io(7-sec).mp4"/>
</video>
<p>Einige Information über Video</p>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| default | default | Es definiert, dass die andegebene Textspur voreingestellt eingeschaltet werden muss. Nur eine Textspur kann das Attribut default haben. |
| kind | Es definiert das Aussehen der Textspur. | |
| captions | Die Übersetzung des Dialogs und der Toneffekte. | |
| chapters | Der Name des Kapitels für schnelle Navigation für Audio und Video. | |
| descriptions | Die Textbeschreibung des Videoinhalts. | |
| metadata | Der vom Drehbuch verwendete Inhalt (es ist für den Benutzer unsichtbar). | |
| subtitles | Die Untertitel, die die Übersetzung des Inhalts sichern. | |
| label | text | Es bestimmt den Titel der Textspur. |
| src | URL | Es bestimmt die URL der Textspur. |
| srclang | language_code | Es definiert die Sprache der Textspur (es ist notwendig, wenn kind = "subtitles" ). |
Das Tag <track> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|---|---|---|---|
| 18+ | 31+ | 6+ | 15+ |
Übe dein Wissen
Was ist der Zweck des <track>-Tags in HTML?
Richtig!
Falsch!