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

chrome firefox safari opera
18+ 31+ 6+ 15+

Übe dein Wissen

Was ist der Zweck des <track>-Tags in HTML?
Finden Sie das nützlich?