Information Technology Reference
In-Depth Information
möglich. Außerdem sind
Closed-Source-
Plug-Ins wie der Adobe Flash Player
bei den Browser-Herstellern unbeliebt, da sie die Fehlersuche bei Abstürzen
erheblich erschweren.
Mit diesem Missstand wollte HTML5 aufräumen. Das notwendige neue HTML-
Element war schnell gefunden:
video
. Doch damit war das Problem noch lange
nicht gelöst ...
4.1
Ein erstes Beispiel
Wir beginnen mit einem kurzen Beispiel, das demonstriert, wie einfach das
neue HTML5-
video
-Element funktioniert.
<!DOCTYPE html>
<title>Simple Video</title>
<video controls autoplay>
<source src='videos/mvi_2170.webm' type='video/webm'>
<source src='videos/mvi_2170.ogv' type='video/ogg'>
Ihr Browser kann das Video leider nicht anzeigen.
</video>
Erstaunlich, mit wie wenig Aufwand ein Video im Browser abgespielt werden
kann. Abbildung 4.1 zeigt das Ergebnis in Mozilla Firefox. Die fast schon selbst-
erklärende HTML-Syntax wird im nächsten Abschnitt genauer beleuchtet.
Abbildung 4.1:
Ein Video im WebM-Format in Mozilla Firefox
