HTML 5: Video-Tag Demos von YouTube und Daily Motion

Die kommende HTML-Version 5 enthält einen <video>-Tag. Dieser erlaubt es, ein Video auf die gleiche Art und Weise einzubinden, wie dies auch mit Bildern in HTML geschieht.

Zum Abspielen sind dann keine Browser-Plugin wie z.B. Silverlight oder Flash Player nötig. Welche Codecs abgespielt werden, hängt vom Browser bzw. vom System ab.

HTML5 Videodemo

Die Syntax ist einfach und sieht z.B. so aus:

[xml]

[/xml]

In Safari 4 Beta erscheint unter diesem Text das Video. Alle anderen sehen nur den Hinweis, dass der Browser kein HTML5 unterstützt. Wie man sieht (oder auch nicht ;) ), werden die Kontrollelemente von QuickTime zur Steuerung benutzt.

Demos von YouTube und DailyMotion

YouTube hat eine Demoseite live gestellt, die einen kompletten Videoplayer in HTML zeigt. Um die Seite zu betrachten, wird Safari benötigt. In Firefox 3 hingegen funktioniert die Demonstration von YouTube nicht, da dieser den H.264-Codec nicht unterstützt. Es erscheint nur der Fallback-Hinweis “You must have an HTML5 capable browser.”

Bei Daily Motion ist es genau umgekehrt. Die Demonstration läuft nur in Firefox 3.5, weil auf andere Codecs gesetzt wird. Diese sind qualitativ auch dem Konkurrenten H.264 oder VP6 noch nicht ebenbürtig.

The new encoding formats we’re using are Ogg, Theora + Vorbis. They’re not yet as good as other common codecs such as H264, ON2 VP6, but they comprise an open format that is not patented, is free to use, and is supported by the Mozilla foundation

Das Daily-Motion Beispiel ist recht ausgefeilt. Einfach mal die Buttons am linken Rand ausprobieren. Damit kann das Video z.B. gedreht oder mit einem anderen Skin versehen werden. Außerdem können Bilder aus dem Video extrahiert werden.

Link: Watch Video…without Flash
Link: HTML 5 video tag (w3schools)

[ad]