W3docs
de
Anmelden

HTML <track>-Tag

The <track> tag defines subtitles, captions, descriptions, chapters, or metadata for either <audio> or <video> media element. The tag is a child tag of these tags.

Das <track>-Tag ist eines der HTML5-Elemente. Es definiert Untertitel, Beschriftungen, Beschreibungen, Kapitel oder Metadaten für ein <audio>- oder <video>-Medienelement.

Das kind-Attribut definiert die Art des Texttracks. Das Element verweist auf eine Quelldatei mit zeitgesteuertem Text, die der Browser anzeigt, wenn der Benutzer zusätzliche Informationen anfordert. Für Untertitel und Beschriftungen muss diese Quelldatei eine WebVTT-Datei (.vtt) sein.

Ein Medienelement kann nicht mehr als einen Track mit demselben label, srclang und kind haben.

Syntax

Das <track>-Tag ist leer, was bedeutet, dass das schließende Tag nicht erforderlich ist. In XHTML muss das <track>-Tag jedoch selbstschließend sein (<track />).

HTML <track>-Tag

<audio> or <video>
  ...
  <track src="...">
  ...
</audio> or </video>

Beispiel für das HTML <track>-Tag:

HTML <track>-Tag

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</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).vtt"/>
    </video>
    <p>Some information about video</p>
  </body>
</html>
Probier es selbst »

Attribute

AttributWertBeschreibung
defaultdefaultGibt an, dass der Track aktiviert werden soll, es sei denn, die Einstellungen des Benutzers deuten darauf hin, dass ein anderer Track geeigneter ist. Nur ein Track pro Medienelement kann dieses Attribut haben.
kindcaptions``<br>``chapters``<br>``descriptions``<br>``metadata``<br>``subtitlesDefiniert die Art des Texttracks.
labeltextGibt einen für den Benutzer lesbaren Titel des Texttracks an.
srcURLLegt den Pfad zur Track-Datei fest.
srclanglanguage_codeLegt die Sprache der Track-Textdaten fest (muss definiert sein, wenn kind = "subtitles").

Das <track>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.

Praxis

Übung

Welche Funktionalität hat das HTML &lt;track&gt;-Tag?