HTML-<video > -Höhenattribut

❮ HTML <video>-Tag

Beispiel

Ein Videoplayer mit einer bestimmten Höhe und Breite:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Definition und Verwendung

Das heightAttribut gibt die Höhe eines Videoplayers in Pixel an.

Tipp: Geben Sie für Videos immer sowohl die heightals auch die width Attribute an. Wenn diese Attribute gesetzt sind, wird beim Laden der Seite der benötigte Platz für das Video reserviert. Ohne diese Attribute kennt der Browser jedoch nicht die Größe des Videos und kann ihm nicht den entsprechenden Speicherplatz reservieren. Der Effekt wird sein, dass sich das Seitenlayout während des Ladens ändert (während das Video lädt).

Hinweis: Videos nicht mit den Attributen heightund neu widthskalieren! Das Verkleinern eines großen Videos mit diesen Attributen zwingt einen Benutzer, das Originalvideo herunterzuladen (selbst wenn es auf der Seite klein aussieht). Der richtige Weg, ein Video neu zu skalieren, ist mit einem Programm, bevor es auf einer Webseite verwendet wird.


Browser-Unterstützung

Attribute
height 4.0 9.0 3.5 3.1 11.5

Syntax

<video height="pixels">

Attributwerte

Value Description
pixels The height of the video, in pixels (i.e. height="100")

❮ HTML <video>-Tag