Videos

In den vorigen Übungen haben wir unsere Seite mit einem Bild ansprechender gemacht. Schauen wir uns jetzt ein weiteres wichtiges Element an: video. Anders als ein Bild hat ein Video ein öffnendes Tag, ein schließendes Tag und einen Inhalt.

<video src="adresse-des-videos" controls>
	Video wird nicht unterstützt.
</video>

Das Element video verwendet ebenfalls das Attribut src, dessen Wert die Adresse des Videos ist, genau wie bei Bildern.

Als Nächstes sehen wir das Attribut controls, das keinen Wert hat. Es ist ein sogenanntes boolesches Attribut: Es ist entweder ein- oder ausgeschaltet. Wenn das Element es hat, ist es eingeschaltet, und der Browser zeigt Schaltflächen zur Steuerung des Videos an (Wiedergabe, Lautstärke und so weiter). Fehlt das Attribut, ist es ausgeschaltet, und es gibt keine Schaltflächen.

Als Letztes fällt der Text im Element auf, Video wird nicht unterstützt. Browser, die Videos abspielen können, ignorieren ihn, und nur ein Browser, der überhaupt keine Videos abspielen kann, zeigt ihn an. Heute gibt es praktisch keine solchen Browser, du wirst diesen Text also nicht sehen. Er erscheint auch nicht, wenn das Video nicht geladen werden kann.