HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 161

verbreitet, so mussten Sie sich über Codecs und Dateiformate keine Gedanken
machen.

Seit HTML5 gibt es für Videos ein eigenes Element: das video -Tag.

4 <video src="video.mp4"></video>

Die einfachste Verwendung des video -Elements besteht in einem öffnenden und
einem schließenden Tag, der Inhalt dazwischen bleibt leer. Damit der Browser weiß,
welches Video geladen werden soll, muss in einem src -Attribut die URL zur Videoda-
tei angegeben sein. Die Darstellungsgröße ermittelt der Browser automatisch ent-
sprechend der Größe der Videodatei (Abbildung 4.25).

Abbildung 4.25 HTML5-Video im Webbrowser

Optionen

Zusätzlich stehen dem Videoelement weitere Attribute zur Verfügung, mit denen Sie
Aussehen und Verhalten beeinflussen können:

<video src="video.mp4" width="640" height="360"></video>

Geben Sie die Größe des Videos mit den Attributen width und height an. So können
Sie bei Bedarf das Video vergrößern oder verkleinern. Unterscheidet sich die von
Ihnen angegebene Größe von der eigentlichen Videogröße, verkleinert der Browser
das Video entsprechend, damit es komplett zu sehen ist. Das Video wird niemals ver-
zerrt oder abgeschnitten dargestellt. Alternativ können Sie die Größe des Videos
natürlich auch mit CSS festlegen: