HTML-<video> width - Attribut
Beispiel
Ein Videoplayer mit einer bestimmten Breite und Höhe:
<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 widthAttribut gibt die Breite eines Videoplayers in Pixeln 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 | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Syntax
<video width="pixels">
Attributwerte
| Value | Description |
|---|---|
| pixels | The width of the video, in pixels (i.e. width="100") |
❮ HTML <video>-Tag