Video widthEigenschaft

Video 对象参考手册Video-Objekt

Beispiele

Ändern Sie die Breite des Videoplayers:

document.getElementById("myVideo").width = "500";

Selbst ausprobieren »

Definition und Verwendung

Die width-Eigenschaft wird verwendet, um die Breite des Videoplayers festzulegen oder zurückzugeben.

Die width-Eigenschaft beschreibt die Breite des Videoplayers in Pixeln.

Tipp:Die Angabe von Höhe und Breite eines Videos ist eine gute Praxis. Wenn diese Attribute festgelegt sind, wird beim Laden der Seite Platz für das Video reserviert. Wenn diese Attribute nicht festgelegt sind, kann der Browser die Abmessungen des Videos nicht im Voraus bestimmen und daher keinen geeigneten Platz für das Video reservieren. Infolgedessen ändert sich das Layout während des Ladens der Seite.

Hinweis:Verwenden Sie die Attribute height und width nicht, um Videos zu skalieren! Das Verkleinern eines Videos mit den Attributen height und width zwingt Benutzer nur dazu, das Originalvideo herunterzuladen (selbst wenn es auf der Seite kleiner erscheint). Der korrekte Ansatz besteht darin, das Video mit Software zu komprimieren, bevor Sie es auf einer Webseite verwenden.


Browser-Unterstützung

Internet Explorer Firefox Opera Google Chrome Safari

Alle gängigen Browser unterstützen die width-Eigenschaft.

Hinweis:Internet Explorer 8 und frühere IE-Versionen unterstützen das <video>-Element nicht.


Syntax

Gibt die width-Eigenschaft zurück:

videoObject.width

Legen Sie die width-Eigenschaft fest:

videoObject.width=pixels

Eigenschaftswerte

Wert Beschreibung
pixels Beschreibt die Breite des Videoplayers in Pixeln (z. B. width="100")

Technische Details

Rückgabewert: Eine Zahl, die die Breite des Videos in Pixeln darstellt.


Weitere Beispiele

Beispiele

Breite des Videos abrufen:

var x = document.getElementById("myVideo").width;

xDer Ausgabewert ist:

320

Selbst ausprobieren »


Verwandte

HTML-Referenzhandbuch:HTML <video> width-Eigenschaft


Video 对象参考手册Video-Objekt Weitere Erweiterungen