video

Video einbinden (Video auf eig. Server)

  Um einen Video-Film anzuzeigen, brauchst du zwei verschachtelte Tags: <video> und <source>.
Wenn du verschiedene Video-Formate anbieten möchtest, musst du für jede Video-Datei separate <source>-Tags notieren. Der Browser schnappt sich die erste Quelle, die er abspielen kann. 

<video controls loop="true">
	<source src="media/myVideo.mp4" type="video/mp4">
	<source src="media/myVideo.webm" type="video/webm">
	<source src="media/myVideo.ogg" type="video/ogg">
</video>

Vorschau (unformatiert)

Die Player sind nicht standardisiert!

Leider gibt es massive Unterschiede bei der Video-Darstellung. Je nach Browser sehen die Player ganz anders aus, was ja noch ginge. Schlimmer ist die Tatsache, dass die Abspiel-Fenster unterschiedliche Grössen aufweisen. Es bleibt dir nicht's anderes übrig, als Seiten mit Videos in allen gängigen Browsern zu testen, um dir böse Überraschungen zu ersparen.

Das controls-Attribut

So lange du nicht vor hast, einen eigenen Player mit JavaScript zu bauen, musst du das controls-Attribut zwingend notieren, sonst hat der User keine Möglichkeit, den Film zu starten.
Vielleicht hast du es bemerkt: das Attribut hat nur einen Namen und keinen Wert.