HTML 5 und die Codecs

[youtube siOHh0uzcuY]

HTML5 bietet einige geschickte Möglichkeiten, um mit älteren Browsern und dem Codec-Chaos fertig zu werden – zumindest als temporäre Lösung.

Aktueller Umgang mit HTML5Solange WebM sich nicht zum Standard mausert und sämtliche Browser das neue Format unterstützen, müssen wir unsere Videos vorerst noch zweimal konvertiren, um sie allen Browsern zugänglich zu machen: Einmal als Theora und einmal als H.264-Video.

Glücklicherweise erlaubt das neue <video>-Element die Angabe von verschiedenen Versionen unserer Filme. Wenn Sie alternative <source>-Elemente mit geeignetem Typ-Attribut angeben, wählt und lädt der Browser das Format, das er anzeigen kann. Beachten Sie, dass Sie in diesem Fall kein src-Attribut im <video>-Element selbst angeben:

<video width=320 height=240 controls poster=image.jpg><source src=myVideo.ogv type=video/ogg><source src=myVideo.mp4 type=video/mp4>Laden Sie mein Video [Textlinks]</video>


Quellen:

http://www.chip.de/artikel/Workshop-Das-HTML5-video-Element-4_43465793.html

http://camendesign.com/code/video_for_everybody

http://de.wikipedia.org/wiki/HTML5