Video Breite Eigenschaft

HTML DOM Video-Objekt

Definition und Verwendung

width Eigenschaft, die die Breite des Videos width-Eigenschaft Wert.

width Die Eigenschaft legt die Breite des Video-Players in Pixeln fest.

Tipp:Definieren Sie immer die Höhe und Breite Eigenschaften des Videos. Wenn Höhe und Breite festgelegt sind, wird der erforderliche Raum für das Video beim Laden der Seite beibehalten. Wenn jedoch diese Eigenschaften nicht vorhanden sind, weiß der Browser nicht die Größe des Videos und kann nicht angemessenen Raum dafür reservieren. Die Seitenausrichtung ändert sich während des Ladens (während das Video geladen wird).

Anmerkung:Verwenden Sie nicht die Höhe und Breite Eigenschaften, um das Video neu zu skalieren! Die Verkleinerung eines großen Videos mit Höhen- und Breiten-Eigenschaften zwingt den Benutzer, die ursprüngliche Video-Datei herunterzuladen (selbst wenn sie auf der Seite sehr klein aussieht). Das richtige Verfahren zur Neuskalierung des Videos ist, es zuerst programmatisch zu verwenden und dann auf der Seite zu verwenden.

Beispiel

Beispiel 1

Video-Player Breite ändern:

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

Versuchen Sie es selbst

Beispiel 2

Video Breite erhalten:

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

Versuchen Sie es selbst

Syntax

Rückgabe der width-Eigenschaft:

videoObject.width

Setzen Sie die width-Eigenschaft:

videoObject.width = pixels

Attributwert

Wert Beschreibung
pixels Bestimmt die Breite des Videoplayers in Pixeln.

Technische Details

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

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung

Verwandte Seiten

HTML-Referenzhandbuch:HTML <video> width-Eigenschaft

HTML DOM Video-Objekt