Video und Audio - HTML5 - page 79

4.2 Das »video«-Element und seine Attribute

Im soeben gezeigten Beispiel werden dem video -Element zwei Attribute zu-
gewiesen: controls und autoplay . Das Attribut controls weist den Browser
an, Steuerelemente für das Video darzustellen (vergleiche Abbildung 4.1), und
autoplay weist ihn an, das Video zu starten, sobald das möglich ist.

Wie das canvas -Element (vergleiche Kapitel 5, Canvas) gehört auch das video -
Element zur Kategorie Embedded Content, also zu den Inhalten, die nicht di-
rekt mit HTML zusammenhängen. Innerhalb des Embedded Content kann eine
Ausweichlösung (Fallback) eingebaut werden, sollte der Browser das video -
Element nicht unterstützen. Im Beispiel aus Abschnitt 4.1, Ein erstes Beispiel,
wird in diesem Fall der Text Ihr Browser kann das Video leider nicht anzeigen ver-
wendet, denkbar wäre hier außerdem, vielleicht ein Einzelbild aus dem Video
anzuzeigen. Aber kommen wir nun zu einer ausführlicheren Beschreibung der
möglichen Attribute für das video -Element.

Attribut Wert Information

src

url Die URL zu dem Video, das angezeigt werden

soll. Dieses Attribut ist optional und kann, wie im
vorliegenden Beispiel, durch ein oder mehrere
source -Elemente ersetzt werden.

poster

url Die URL zu einem Bild, das der Browser anzeigt,

während das Video geladen wird.

preload

none Der Browser sollte nicht versuchen, das Video zu

laden, bevor der Play-Knopf gedrückt wird. Auf
diese Art kann Bandbreite gespart werden.

preload

metadata Nur die Meta-Informationen zum Video sollen

geladen werden (zum Beispiel Videodauer, Autor,
Copyright).

preload

auto In diesem Fall kann das Video vollständig übertra-

gen werden, noch bevor der Benutzer den Play-
Knopf drückt.

autoplay

boolean Sobald genügend Daten von dem Video vorhanden

sind, soll der Browser mit dem Abspielen begin-
nen.