Damit wir alle kurz in Erinnerungen schwelgen können, hier ein Beispiel dafür, wie man Videos klassischerweise in eine Webseite einbindet:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="src" value="http://www.youtube.com/v/oHg5SJYRHA0&hl=en&fs=1&" /> <param name="allowfullscreen" value="true" /> <embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/oHg5SJYRHA0&hl=en&fs=1&" allowscriptaccess="always" allowfullscreen="true"> </embed> </object>
Eine solche Syntax ist natürlich alles andere als schön.

<video src="video.ogv" width="300" height="200"> Ihr Browser ist leider nicht HTML5-kompatibel </video>
<video src="video.ogv" width="300" height="200" controls> Ihr Browser ist leider nicht HTML5-kompatibel </video>
Hier das Ergebnis im Browser:
Über die eingeblendete Leiste lässt sich das Video nicht nur anhalten und wieder starten, auch die Lautstärkereglung ist darin enthalten.
<video src="video.ogv" width="300" height="200" poster="video.gif"> Ihr Browser ist leider nicht HTML5-kompatibel </video>
Achtet auch hier wieder auf die richtige Pfadangabe, damit das Bild dann tatsächlich zu sehen ist.
<video src="video.ogv" width="300" height="200" autoplay> Ihr Browser ist leider nicht HTML5-kompatibel </video>
Videos und die Codecs
<video width="400" height="300" controls="controls"> <source src="video.mp4" type="video/mp4" /> <source src="video.ogg" type="video/ogg" /> </video>
Browser | Ogg Theora (.ogg) | h.264 (.mp4) |
Internet Explorer | Ab Version 9 | |
Mozilla Firefox | Ja | |
Google Chrome | Ja | Ja |
Opera | Ja | |
Safari | Ja | |
iPhone | Ja | |
Android | Ja |
<video width="400" height="300"> <!-- Nur für mobiele Endgeräte --> <source src="video_mobil.ogg" media="handheld" /> <!—Alle anderen Geräte --> <source src="video_normal.ogg" media="all" /> </video>
Videos sicher einbinden
<video width="640" height="360" src="http://www.youtube.com/v/mR5h_EXYKA0?fs" autobuffer controls poster="br.gif"> <object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="640" height="360" codebase="http://www.apple.com/qtactivex/qtplugin.cab" /> <param value="http://www.youtube.com/v/mR5h_EXYKA0?fs" /> <param value="true" /> <param value="false" /> <embed src="http://www.youtube.com/v/mR5h_EXYKA0?fs" width="640"height="360" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object> </video>