Video width property

HTML DOM Video-objekt

Definition and usage

width property sets or returns the video's width property value.

width The property specifies the width of the video player in pixels.

Tip:Always specify the height and width properties of the video. If height and width are set, the space required by the video is reserved when the page is loaded. However, if these properties are not set, the browser will not know the size of the video and cannot reserve appropriate space for it. The page layout will change during loading (when the video is loading).

Note:Do not use height and width properties to resize the video! Shrinking a large video with height and width properties will force the user to download the original video (even if it looks small on the page). The correct way to resize the video is to use it first in the program, and then use it on the page.

Example

Example 1

Change the width of the video player:

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

Try it yourself

Example 2

Get the width of the video:

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

Try it yourself

Syntax

Return width property:

videoObject.width

Ställ in bredd egenskap:

videoObject.width = pixels

Egenskapsvärde

Värde Beskrivning
pixels Definiera videospelarens bredd i pixlar.

Tekniska detaljer

Returvärde: Tal, som representerar vide bred, i pixlar.

Browserversioner

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd 9.0 Stöd Stöd Stöd

Relaterade sidor

HTML-referenshandbok:HTML <video> bredd egenskap

HTML DOM Video-objekt