HTML/Elemente/track
Aus SELFHTML-Wiki
Das track-Element bindet Textdateien in Videos ein. Dies dient einerseits der Anzeige von Untertiteln (subtitles), andererseits aber auch der Ausgabe von Bildunterschriften für Sehbehinderte (captions).
- Syntax
- Start-Tag: notwendig
- End-Tag: verboten
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- erlaubte Inhalte
- keine, leeres Element
Beispiel
<video width="320" height="240" controls>
<source src="leben_des_brian.mp4" type="video/mp4">
<source src="leben_des_brian.ogg" type="video/ogg">
<track src="subtitles_de.vtt" kind="subtitles" srclang="de" label="Deutsch" default>
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
</video>
Im video-Element finden sich neben zwei source-Elemente mit den Mediendateien selbst zwei weitere track-Dateien. Neben dem Pflichtattribut src, dass die URL der Quellen referenziert, gibt es srclang-Attribute mit einer Sprachangabe, je ein Label und eine dafault-Angabe für die Standardeinstellung.
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | Token | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | Text (string) | Tastaturkürzel | |
contenteditable | Boolean | editierbarer Inhalt | |
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | Boolean | kann mit Drag & Drop gezogen werden | |
hidden | Boolean | versteckter Inhalt | |
lang | Sprachkürzel | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | Boolean | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
style | String (Text) | notiert direkt in einem Element- style sheet data | |
tabindex | NUMBER | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | String (Text) | betitelt oder beschreibt ein Element. | |
charset | Text (string) | Bestimmt den Zeichensatz der Textbeschreibung | |
default | Boolesches Attribut | Bestimmt die Standard Textbeschreibung | |
kind | captions, chapters, descriptions, metadata, subtitles | Spezifiziert die Art der Textbeschreibung | |
label | Text (string) | Bestimmt den Titel der Textbeschreibung | |
src | URL | URL der Textquelle im .vtt-Format | |
srclang | Sprachkürzel | Bestimmt die Sprache der Textbeschreibung (Pflichtattribut kind /subtitle) |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The source-Element
- MDN: Adding captions and subtitles to HTML5 video