Was bedeutet das HTML5-Track-Tag? Einführung in die Verwendung des HTML5-Track-Tags

In diesem Artikel werden die Definition des HTML5-Track-Tags und seine Verwendung sowie einige Beschreibungen der optionalen Attribute des HTML5-Track-Tags vorgestellt. Ich hoffe, dass jeder diesen Artikel sorgfältig lesen kann.

Definition und Verwendung des HTML5-Track-Tags: Das

-Tag gibt eine externe Textspur für Medien wie Videoelemente an.

gibt Untertiteldateien oder andere Dateien mit Text an, die beim Abspielen des Mediums sichtbar sind.

html5 Optionale Attribute des Tags:

• Standard: Standard-Track. (Wert: Standard). Das Standardattribut wird verwendet, um den Browser darüber zu informieren, dass die aktuelle Trackdatei verwendet werden kann, wenn der Benutzer keine anderen Untertiteldateien verwendet.

• Art: der Texttyp der Textspur (Werte: Bildunterschriften, Kapitel, Beschreibungen, Metadaten, Untertitel). Das Attribut kind wird verwendet, um den Typ der Untertiteldatei anzugeben (d. h. eine Datei, die zum Speichern von Untertiteln, Kapiteltiteln, Bildunterschriften oder Metadaten verwendet wird). Die Attributwerte, die für das Art-Attribut angegeben werden können, sind Untertitel, Bildunterschriften, Beschreibungen, Kapitel und Metadaten

• Label: Beschriftung und Titel der Textspur (Wert: Text).

• src: URL der Trackdatei, erforderliches Attribut (Wert: URL). Das src-Attribut wird verwendet, um den Speicherpfad der Untertiteldatei anzugeben. Dieses Attribut ist ein Muss. Der Attributwert des src-Attributs kann ein absoluter URL-Pfad oder ein relativer URL-Pfad sein.

• srclang: Sprache für Tracktextdaten. (Wert: language_code ). Das srclang-Attribut wird verwendet, um die Sprache der Untertiteldatei anzugeben. Beispielsweise geben srclang="en" und srclang="zh-cn" an, dass die Untertiteldatei Englisch bzw. Chinesisch ist.

-Tag unterstützt globale HTML-Attribute und HTML-Ereignisattribute

HTML5-Track-Tag-Format:

<track src="URL">

HTML5 Tag-Instanz

Video mit zwei Untertitelspuren:

<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="Norwegian">
</video>

Track-Objekt in HTML5

Track-Objekt ist HTML5 Neu hinzugefügt. Das

Track-Objekt stellt das HTML5-Element dar.

Auf das Track-Objekt in HTML5 zugreifen

Sie können auf das -Element zugreifen, indem Sie getElementById() verwenden:

var x = document.getElementById("myTrack");

Erstellen des Track-Objekts in HTML5

Sie können die Methode document.createElement() verwenden, um das Element zu erstellen:

var x = document.createElement("TRACK");

Einführung in die Verwendung des HTML5-Track-Tags:

Track Elements kann Textinformationen wie Untertitel, Titel oder Kapitel zu Videos hinzufügen, die mit dem Videoelement abgespielt werden, oder zu Audio, das mit dem Audioelement abgespielt wird. Der Vorgang zum Hinzufügen von Untertiteln zu Videos mithilfe des Track-Elements ist der gleiche wie zum Hinzufügen von Untertiteln zu Audio. Das Track-Element ist ein untergeordnetes Element des Videoelements und das -Tag muss zwischen dem Start-Tag und dem End-Tag des Videoelements geschrieben werden. Wenn das -Tag zur Beschreibung einer Mediendatei verwendet wird, muss das -Tag nach dem -Tag geschrieben werden. Das Track-Element ist ein leeres Element, das zwischen seinem Start-Tag und End-Tag keinen Inhalt enthält.

Browser-Unterstützung

Internet Explorer 10, Chrome und Opera unterstützen das -Tag.

Unterschiede zwischen HTML 4.01 und HTML 5 Das

-Tag ist ein neues Tag in HTML 5.

[Verwandte Empfehlungen des Herausgebers]

Detaillierte Erläuterung der Verwendung des HTML-Include-Tags (mit Anwendungsbeispielen)

HTML5-Tabelle Einführung in Tag-Stile (im Anhang ein Beispiel für die CSS-Zentrierung von HTML5-Tabellen)

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5-Track-Tag? Einführung in die Verwendung des HTML5-Track-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!