HTML5 - Video:
So funktioniert die Einbindung
Keine Einigung: 2 Codecs benötigt
Eigentlich könnte es ganz einfach sein, ist es aber nicht. Bisher gibt es keine Einigung auf einen VideoCodec. Zur Auswahl stehen H.264 und Ogg-Theora.
Apple (Safari) und Microsoft (Internet Explorer) setzen auf H.264, Mozilla (Firefox) und Opera auf Ogg-Theora, Google (Chrome) unterstützt beide.
Video-Konvertierung mit H.264 und Ogg-Theora
Aus diesem Grund sollten aktuell Videos in beiden Versionen vorliegen. Eine sehr gute und zudem kostenlose Software zur Video-Konvertierung (H.264) ist "Format Factory". Zur Erstellung eines Videos für Ogg-Theora eignet sich das ebenfalls kostenfreie, konsolenbasierte Tool "ffmpeg2theora".
MIME-Typen
Liegt das Video in den benötigten Formaten vor, geht es an die Einbindung. Im Vorfeld sollten die MIME-Typen überprüft und gegebenfalls ergänzt werden. Am einfachsten ist eine Einbindung über die .htaccess zu bewerkstelligen. Folgende Ergänzungen werden häufig benötigt (nicht immer alle):
AddType video/ogg .ogm
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/webm .webm
AddType audio/webm .weba
AddType video/mp4 .mp4
AddType video/x-m4v .m4v
HTML5-Video-Tag
Die Einbindung erfolgt mit minimalem Code:
<video width="640" height="480" poster="preview.png" controls autoplay>
<source src="video/demo.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="video/demo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/>
</video>
Das Attribut "poster" blendet ein Vorschaubild ein, das während des Ladevorgangs als statisches Introbild dient. "controls" blendet Play-/Pause-/ und weitere Buttons und Steuerelemente ein. "autoplay" sorgt für einen automatischen Start des Videos.
Best Practise
Da HTML5 noch nicht vollständig unterstützt wird und ältere Browser zum Teil überhaupt keinen HTML5-Support bieten, sollte auch immer eine Alternative bereit gehalten werden. Am Besten lässt sich dies mit Hilfe von Browserweichen lösen. Browser ohne HTML5-Unterstützung zeigen dann die Videos mit Hilfe von Flash an.
Gut zu wissen
Das iPhone spielt Videos nur bis zu einer maximalen Auflösung von 640x480 Pixeln ab.