des Videos aus.
vertical:lr
bedeutet linksbündige Ausrichtung, und
vertical:rl
rechtsbündige Ausrichtung.
line
1. ohne Prozentangabe: Richtet Texte mit n Textzeilen Abstand relativ zur eigentlich ersten Textzeile aus. Positive Werte bedeuten n Textzeilen von oben, negative Werte (mit vorangestelltem Minuszeichen) bedeuten n Textzeilen von unten – z. B.
line:2
oder
line:-3
.
    2. mit Prozentangabe: Richtet Texte mit n Prozent Abstand relativ zum Rand des Cues aus. Positive Werte bedeuten n Prozent von oben, negative Werte (mit vorangestelltem Minuszeichen) bedeuten n Prozent von unten – z. B.
line:10%
oder
line:-30%
.
position
Prozentuale Angabe für den Versatz der Anzeige des Cues, bezogen auf die Startecke des Video-Frames und gemessen an der Breite und Höhe des Video-Frames. Bei von links nach rechts notierten Sprachen ist die obere linke Ecke die Startecke. So bedeutet
position:20%
so viel wie 20% von der oberen linken Ecke entfernt.
size
Anzeigebreite des Cues relativ zur Größe des Video-Frames in Prozent. So bedeutet z. B.
size:80%
so viel wie 80% der Breite des Video-Frames.
align
Ausrichtung des Cue-Textes innnerhalb des Cues. Erlaubt sind die Angaben
start
(bei von links nach rechts notierten Sprachen bedeutungsgleich mit linksbündig),
middle
(bei lr-Richtung bedeutungsgleich mit zentriert) und
end
(bei lr-Richtung bedeutungsgleich mit rechtsbündig).
Erläuterung: Cue Components
•   HTML-Tag-ähnliche Auszeichnungen im Cue-Bereich für den Text werden als Cue Components bezeichnet. Das WebVTT-Format definiert eine Reihe erlaubter Markup-Elemente. Notiert werden diese Elemente wie HTML-Auszeichnungen im Cue-Text.Dabei sind auch – sofern sinnvoll – Verschachtelungen der erlaubten Elemente möglich.
Component-Element
Bedeutung
c
Weist dem Text eine CSS-Klasse zu. Wird in der Form
auszuzeichnender Cue-Text
notiert. Die CSS-Klasse muss auf der Webseite, die das Video referenziert, direkt oder durch Einbinden einer CSS-Datei definiert sein.
i
Zeichnet Text kursiv aus. Wird in der Form
kursiver Cue-Text
notiert.
b
Zeichnet Text als fett aus. Wird in der Form
fett geschriebener Cue-Text
notiert.
u
Zeichnet Text unterstrichen aus. Wird in der Form
unterstrichener
Cue-Text
notiert.
v
Weist einem Text ein »Voice-Label«, also eine benannte Stimme, zu. Beispiel:
Sag ich doch!
. Das Voice-Label ist nicht sichtbar. Es dient der semantischen Zuordnung, etwa in Filmszenen.
ruby
Ermöglicht ähnlich wie das gleichnamige HTML-Element
ruby
-Annotierung in Cue-Texten.
Referenzinformationen
    Elementreferenz >
:
    Attributreferenz
kind
,
    Attributreferenz
label
,
    Attributreferenz
srclang
:

    Attributreferenz
src
:

    (jedoch nur im Zusammenhang mit anderen HTML-Elementen, etwa dem img-Element)
7.4        Aktive Inhalte (Flash, Java und andere)
    Unter »aktiven Inhalten« werden hier vor allem Medien-Ressourcen verstanden, die keinem der zuvor beschriebenen Typen angehören. Solche Ressourcen können Sie in Form von eingebetteten Objekten in HTML referenzieren.
Dafür stellt HTML5 zwei Elemente zur Verfügung: das uralte, praxisbewährte
embed
-Element und das im HTML-4-Standard favorisierte
object
-Element.
    Die häufigsten Medien-Typen, die damit in HTML eingebunden werden, sind Flashmovies und Java-Applets.
7.4.1      Aktive Inhalte mit dem embed-Element
    Das
embed
-Element ist ein allgemeiner Behälter für Non-HTML-Inhalte, die nicht durch Elemente wie
img
,
audio
oder
video
abgedeckt sind. Zur Darstellung oder Wiedergabe ist normalerweise ein Browser-Plugin erforderlich. Geeignet ist das Element beispielsweise für Flashmovies. Das
embed
-Element ist schon sehr alt, da es bereits Mitte der 90er Jahre vom damals führenden Browser Netscape eingeführt wurde. Es gehörte jedoch vor HTML5 nie zum HTML-Standard. In HTML 4.0 wurde es wegen des
object
-Elements abgelehnt. Mit HTML5 wird es erstmals in den Standard aufgenommen, weil es sich in der Praxis bis heute hartnäckig gehalten hat. Dort diente und dient es vorzugsweise als Fallback-Inhalt für Flashmovies, die HTML-4.0-konform mit dem
object
-Element eingebunden werden. In HTML5 genügt das
embed
-Element allein, um Flashmovies standardkonform einzubinden.
Beispiel
    

Turm von Hanoi

        type="application/x-shockwave-flash" quality="high">
Erläuterung
    Notieren Sie das
embed
-Element an der gewünschten Stelle im