Im Zuge meines Berufspraktikums während des 6. Semesters an der FH Hagenberg (Bachelor-Studiengang "Medientechnik und -design") durfte ich bei einer Werbeagentur in der Web-Abteilung mitarbeiten. Mein Hauptprojekt beschäftigte sich mit HTML5-Videos, die in jedem Browser und auf jeder Plattform (Stand-PC, Laptop, Mobile Endgeräte, usw.) funktionieren sollen, auch ohne Flash installiert zu haben. Dabei sollte ich mich nicht nur darum kümmern, HTML5-Videos abspielen zu können, sondern auch, vorweg jegliche Art von Video zu solch einem HTML5-Video konvertieren zu können.

Gleich vorweg gesagt: Wow! Was ein Quantensprung.

Denn HTML5-fähige Browser ermöglichen es nun, Videos nicht nur ohne Flash, Quicktime und co. abzuspielen, sondern es lässt sich sogar der Video-Player selbst umgestalten. Im Grunde genommen kann man den Video-Player, der das HTML5-Video abspielt, genau so umgestalten, wie eine Website. Dazu muss man im Vorfeld nur ein kleines Packet runterladen, dass man danach umgestalten kann.

Hierbei handelt es sich um http://videojs.com/ - ein kleines Paket mit inkludierter Demo-Seite. Die wichtigsten Dateien sind hierbei die JavaScript- und CSS-Datei. Sollte jemand interessiert sein, möge er die obige Website aufsuchen.

Grundsätzlich hat sich aber nun während der Entwicklung des HTML5-Video-Converters herausgestellt, dass derzeit die gängigsten Browser (Firefox, Chrome, IE, Safari, Opera) noch unterschiedliche Videoformate nutzen, die HTML5-fähig sind. Dabei handelt es sich um MP4-, OGV-, WebM-Formate mit dazugehörenden Codecs für Video und Audio. Um hierbei den Überblick zu behalten, ist es auch notwendig, auf dem State-of-the-Art zu bleiben - sprich, sich immer wieder zu informieren, ob nun nicht einer der obigen Browser ein anderes HTML5-Video-Format unterstützt.

Um euch jetzt nicht mit noch mehr Infos zu überfluten, möchte ich Interessierten folgende Lektüre empfehlen*:

• http://diveintohtml5.ep.io/
• bzw. PDF unter
  
  www.jesusda.com/docs/.../ebook_manual_en_dive-into-html5.pdf
• http://html5video.org/

Wo findet man nun schon aktuelle HTML5-Videos? Hier einige Beispiele:

• http://www.youtube.com/html5
• http://html5demos.com/video
• http://videojs.com auf der Startseite

*Jegliche Links oder Quellen werden hierbei ohne Gewähr für deren Richtigkeit verlinkt.