HTML and CSS Reference
In-Depth Information
Browser
Unterstützte Videocontainerformate und -codecs
iOS Safari (iPhone,
iPod touch und iPad)
MPEG-4 und QuickTime
mit H.264 (Baseline-Pro-
fil-encoded)
Android
MPEG-4 mit H.264 (Base-
line-Profil-encoded)
ab Ende 2010: WebM
mit VP8 Codec
BlackBerry OS 6
MPEG-4 mit H.264 (Base-
line-Profil-encoded)
Safari 3+
MPEG-4 mit H.264
Chrome
MPEG-4 mit H.264
ab Chrome 6: WebM mit
VP8 Codec
OGG Theora
Firefox
ab Firefox 4: WebM mit
VP8 Codec
OGG Theora
Opera
ab Opera 11: WebM mit
VP8 Codec
OGG Theora
Internet Explorer 9
WebM mit VP8 Codec;
Codec muss zusätzlich
installiert sein
Mit der Vielzahl von unterschiedlichen Videocontainerformaten und -codecs ist es auch
wie beim
audio
-Tag erforderlich, dass Sie mehrere Formate zur Verfügung stellen. Eine
Anleitung, mit welchen Tools Sie Video- und Audiodateien am besten in die gewünsch-
ten Formate konvertieren, finden Sie weiter unten in diesem Kapitel.
Unterschiedliche Quellen können Sie wie beim Einbinden von Audiodateien auch über
den
source
-Parameter steuern:
<video controls "controls">
<! option 1: H.264 >
<source src "film.mp4" type '"video/mp4; codecs "mp4a.40.2"'/>
<! Option 2: OGG Theora Video und Vorbis Audio >
<source scr "film.ogv" type '"video/ogg; codecs "theora, vorbis"' />
<! HTML für nicht unterstützte Player >
<p>HTML5 Video kann nicht abgespielt werden. Besorg dir einen neuen
Browser!</p>
</video>
Wie auch beim
audio
-Tag versucht der Browser jetzt, die angebotenen Formate von
oben nach unten durchzugehen, um zu sehen, welches Videocontainerformat und
welcher Codec wiedergegeben werden kann. Es empfiehlt sich, MPEG-4-/H.264-Videos
als erste Option anzubieten, da diese Kombination von den meisten (mobilen) Browsern
unterstützt wird und beispielsweise das iPad nur den ersten
source
-Eintrag liest. Ein
Fehler, der hoffentlich bald behoben wird.
