Multimediale Inhalte einbinden

Videos

Um Videos auf einer Seite einzubinden, gibt es verschiedene Möglichkeiten. Heutezutage bindet man oft Videos von anderen Quellen (wie YouTube) ein. Wie so etwas funktioniert, sehen wir uns aber an anderer stelle an. Hier gehen wir davon aus, dass ein Video bei uns selbst auf dem Server liegt. D.h. die Videodatei liegt uns in einem Ordner vor. Wir sollten Mediendateien - so wie Bilder - in einen eigenen Ornder ablegen, um Ordnung zu halten.

Wir wollen nun die Videodatei SampleVideo.mp4 einbinden, die sich im Ordner Medien/ befindet. Dafür gibt es - ähnlich wie für Bilder - einen eigenen Befehl:

Darstellung im Browser:

Übungsaufgabe

Untersuche, was die zusätzlichen Optionen controls, autoplay und loop bewirken.
Erkläre auch, was die Angabe poster="../Bilder/VideoTitelbild.PNG" bedeutet.

Audiodateien

Für Audiodateien gibt es einen Befehl, der im Grunde so wie der Befehl für Videos funktioniert:

Darstellung im Browser:

Erfahrungsgemäß werden Musikdateien aber (gerade in Schülerprojekten) recht selten eingebunden. Ungefragt Hintergrundmusik zu starten ist übrigens eine ganz schlechte Idee. Damit kann man einen Besucher der Seite dazu verleiten, sie sofort wieder zu schließen, weil die Musik nervt.