Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<track>NEU

Bedeutung

Einbindung von Beschriftungstext für Medien-Elemente.


Notation

<track [Attribute]>[Elementinhalt]</track>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

zum <audio> Element<audio> und zum <video> Element<video>.


Elementinhalt

void-Element, darf keinen End-Tag haben und ist ohne Inhalt.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut defaultdefault | zum HTML5 Attribut kindkind | zum HTML5 Attribut labellabel | zum HTML5 Attribut srcsrc | zum HTML5 Attribut srclangsrclang

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


Beispiel
<video width="440" height="320" controls="controls" autoplay loop><source src="/video-datei.webm" type="video/webm" /><source src="/video-datei.ogg" type="video/ogg" /><source src="/video-datei.mp4" type="video/mp4" />Der Video-Tag wird von Ihrem Browser nicht unterstützt.<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English" /><track src="subtitles_de.vtt" kind="subtitles" srclang="de" label="German" /></video>

Erläuterung

Mit dem Element <track> können Untertitel, Untertitel-Dateien oder andere Text-Dateien zum <audio> und <video> Element definiert werden.

Gemäß der HTML5 Spezifikation ist das <track> Element optional, darf jedoch nur innerhalb eines <audio> oder <video> Elementes notiert werden.

Durch das Attribut kind wird die Art des Medienelements definiert, die Attribut-Werte spezifizieren den entsprechenden Typ. So spezifiziert kind="subtitles" einen Untertitel in einer anderen Sprache für audiomediale Inhalte. kind="captions" spezifiziert einen Untertitel für audiomediale Inhalte, wenn kein Ton zur Verfügung steht. kind="descriptions" spezifiziert einen Untertitel für visuelle Medieninhalte, wenn der Nutzer diese nicht sehen kann. Mit kind="chapters" werden einzelne Kapiteltitel zum Medieninhalt definiertund ermöglichen eine Navigation innerhalb des Medieninhalts. Das kind="metdata" steht für eine Script-Nutzung zur Verfügung.

Durch das Attribut label werden sichtbare Titel zum <track> Element definiert. Das Attribut src definiert die URL der Quelle der eingebundenen WebVTTInformationBedeutung: WebVTTWeb Video Text Track; Web Video Text Spur-Datei und mit dem Attribut srclang kann die Sprache der WebVTT-Datei definiert werden.

Eine WebVTT-Datei ist eine einfache Text-Datei mit einer .vtt-Erweiterung, die einem bestimmten Format folgt. http://dev.w3.org/html5/webvtt/WebVTT


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel