Wenn ein Video auf Ihrer HTML 5-Website möglichst in allen Browsern, die HTML 5 unterstützen, ablaufen soll, brauchen Sie die Video-Datei in drei verschiedenen Formaten: MPEG4, OGV und WEBM. Zur Umwandlung Ihres Videos in die entsprechenden Formate können Sie Freeware-Tools wie zum Beispiel XMedia Recode verwenden.
Die Einbindung des Videos in die Internetseite wird mit dem <video> – Tag realisiert:
<video preload controls width=300 height=177 poster= suleitec.jpg>
<source src=suleitec.mp4 type=’video/mp4; codecs=“avc1.42E01E, mp4a.40.2″‚>
<source src= suleitec.ogv type=’video/ogg; codecs=“theora, vorbis“‚>
<source src= suleitec.webm type=’video/webm; codecs=“vp8, vorbis“‚>
Leider kann Ihr Browser das Video nicht zeigen.
</video>
Mit der preload-Option wird die Videodatei vorgeladen und die controls-Option sorgt für die Darstellung der Steuerelemente (Start, Pause, Stopp usw.). Mit der poster-Option kann man ein Vorschaubild des Videos anzeigen.
