Mittels einer Demo kann man sich schnell selbst davon überzeugen, dass der Player in allen großen Browsern funktioniert. Aufgrund der Codec-Problematik müssen derzeit allerdings alle Videos in h.264 (MP4) oder Theora (OGV) zur Verfügung gestellt werden, sinnvollerweise bindet man ein Video direkt in beiden Formaten ein, um alle Betriebssysteme abzudecken. Hierbei helfen die Open-Source-Software Handbrake und Firefogg zum Konvertieren.
Gemäß HTML5-Syntax ist das Einbinden eines Videos recht einfach und geschieht wie folgt:
<video class="video" poster="cat.jpg" width="352" height="264" controls autobuffer><source src="cat.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source><source src="cat.ogv" type='video/ogg; codecs="theora, vorbis"'></source></video>
Der Player integriert sich automatisch durch Einbinden eines JavaScripts:
<script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>Weiterführende Links zu aktuellen HTML5-News auf t3n.de:
- HTML5: Eingabefeld mit Vorschlägen als Dropdownliste - t3n News
- 3D Web: Standards, Plugins und Frameworks auf einen Blick - t3n News
- HTML5: Überschriften und Einleitungen von Artikeln gruppieren - t3n News
- Webentwicklung: 5 Tools, um HTML5-Video in eine Website zu integrieren - t3n News
- Tooltipp: Videos in HTML5 konvertieren - t3n News
2 Antworten
von Besuch vorrüber bei Caruso….. 05.03.2010 (20:57Uhr) 1.
[...] Webentwicklung: „html5media“ bringt HTML5-Video in jeden Browser … [...]
von Bookmarks von 29-01-2010 bis 10-03-2010… 10.03.2010 (11:51Uhr) 2.
[...] Webentwicklung: „html5media“ bringt HTML5-Video in jeden Browser Mit dem neuen <video>-Tag in HTML5 kann man Videos eigentlich komfortabel in eine Seite einbinden, allerdings kommen damit noch längst nicht alle Browser zurecht. Eine Hilfe bietet hier das Open-Source-Projekt „html5media“. Einmal in die S [...]