HTML and CSS Reference
In-Depth Information
Mittels des im Beispielcode verwendeten
type
-Attributs können Sie dem Browser gleich
von Anfang an die Information geben, welches Containerformat und welcher Codec für
das Video gewählt wurde und vom Browser gewählt werden soll. Das hat den großen
Vorteil, dass der Browser nicht erst das Video laden muss, um das Format zu erkennen,
sondern gleich im HTML-Code sehen kann, ob er das Videocontainerformat und den
Codec unterstützt oder nicht.
Das
video
-Tag kann mit einer Reihe von Attributen kommen, die wir jetzt im Detail
vorstellen möchten.
autoplay
Das
autoplay
-Attribut haben wir bereits beim
audio
-Tag kennengelernt. Wie schon
dort würde dieses Tag veranlassen, dass das Video gleich nach dem Laden der Seite
automatisch gestartet wird. Da mobile Benutzer möglicherweise viel Geld für die
Datenübertragung - gerade bei datenintensiven Inhalten wie Videos - bezahlen müss-
ten, funktioniert die
autoplay
-Option nicht auf dem iPhone und auch nicht auf dem
iPad.
Auf einem nicht mobilen Gerät braucht der Benutzer jedoch keinen Play-Button anzu-
tippen. Die
autoplay
-Option wird wie folgt eingebunden:
<video src "beispiel.ogv" autoplay "autoplay" />
oder so:
<video src "beispiel.ogv" autoplay />
Da das
autoplay
-Attribut nur ein Boole'scher Ausdruck ist, reicht die Angabe von
autoplay
auch ohne Parameter.
controls
Falls verwendet, werden im Browser die Standardsteuerelemente zur Videowiedergabe
mit angezeigt. Man könnte mit JavaScript eigene Steuerelemente bauen, allerdings ist
das für die mobile Verwendung wenig sinnvoll. Die Bildschirme sind ohnehin klein, und
der Nutzer hat sich bereits an die Steuerelemente beispielsweise auf einem iPhone
gewöhnt. Aus diesem Grund wird das Attribut auch auf einem iPhone oder einem iPod
touch ignoriert, auf einem iPad allerdings berücksichtigt. Die Standardelemente bein-
halten:
•
Play/Abspielen
•
Pause
•
Volume
•
Vor- und Zurückspulen
Manche Browser, insbesondere Desktop-Browser, bieten noch zusätzliche Control-
Elemente. Auch das Aussehen der Standardelemente können Sie ohne die Verwendung
von JavaScript nicht beeinflussen. Wie schon das
autoplay
-Attribut kann auch
controls
ohne Parameter in das
video
- oder
audio
-Tag mit eingebunden werden:
<video src "beispiel.ogv" controls />