Multimediadateien - Audio & Video

Videodateien können weiter über das <video> Element von HTML eingefügt werden. Damit Höhe und Breite im Schulbuch in Kombination mit dem Mediaplayer richtig dargestellt werden, wird per CSS (via style-Attribut) width/height jeweils auf 100% gesetzt. Es sollte hier also nur eine eigene Größe angegeben werden, wenn diese in Pixel angegeben ist.

Die Änderungen ergeben sich vor allem durch die Aktualisierung des Mediaplayers.

Beispiel (nicht erlaubt, führt zu Darstellungsproblemen)

<video width="100%" height="100%" controls="controls" preload="none" src="AutoGrundgeruest.mp4" type="video/mp4">	

Beispiel (richtige Verwendung)

<video controls="controls" preload="none" src="AutoGrundgeruest.mp4" type="video/mp4">

Außerdem kann über das Attribut poster ein Vorschaubild eingefügt werden.

Beispiel (richtige Verwendung)

<video poster="vorschau.jpg" controls="controls" preload="none" src="AutoGrundgeruest.mp4" type="video/mp4">

Für Audiodateien kann das entsprechende HTML-Tag <audio> verwendet werden.