Neueste Web-Entwicklung Tutorials
 

Video width Property

<Video Object

Beispiel

Ändern Sie die Breite des Video-Players:

document.getElementById("myVideo").width = "500";
Versuch es selber "

Definition und Verwendung

Die Breite Eigenschaftssätze oder gibt den Wert der width Attribut eines Videos.

Die width Attribut gibt die Breite eines Video - Player, in Pixel.

Tipp: Immer sowohl die Höhe und Breite Attribute für Videos festlegen. Wenn Höhe und Breite festgelegt sind, wird der Raum für das Video benötigt reserviert, wenn die Seite geladen wird. Doch ohne diese Attribute, weiß der Browser nicht die Größe des Videos, und kann den entsprechenden Raum, um es nicht reservieren. Der Effekt ist, dass das Seitenlayout beim Laden (während der Videolasten) verändern wird.

Hinweis: rescale kein Video auf der Höhe und Breite Attribute! Eine große Video mit der Höhe und Breite Attributen Downsizing erzwingt einen Benutzer das Original - Videos zum Download (even if it looks small on the page) . Der richtige Weg, um ein Video neu zu skalieren ist mit einem Programm, bevor es auf einer Seite verwendet wird.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die Breite Eigenschaft wird in allen gängigen Browsern unterstützt.

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


Syntax

Gibt die Breite Eigenschaft:

videoObject .width

Stellen Sie die Eigenschaft width:

videoObject .width= pixels

Eigenschaftswerte

Wert Beschreibung
pixels Gibt die Breite des Video - Players in Pixeln (ie width="100")

Technische Details

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

Mehr Beispiele

Beispiel

Holen Sie die Breite eines Video:

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

Das Ergebnis von x wird sein:

320
Versuch es selber "

Verwandte Seiten

HTML - Referenz: HTML <video> Attribut width


<Video Object