Latest web development tutorials
 

Video width Property

< Video Object

Example

Change the width of the video player:

document.getElementById("myVideo").width = "500";
Try it Yourself »

Definition and Usage

The width property sets or returns the value of the width attribute of a video.

The width attribute specifies the width of a video player, in pixels.

Tip: Always specify both the height and width attributes for videos. If height and width are set, the space required for the video is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the video, and cannot reserve the appropriate space to it. The effect will be that the page layout will change during loading (while the video loads).

Note: Do not rescale video with the height and width attributes! Downsizing a large video with the height and width attributes forces a user to download the original video (even if it looks small on the page). The correct way to rescale a video is with a program, before using it on a page.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The width property is supported in all major browsers.

Note: Internet Explorer 8 and earlier versions, do not support the <video> element.


Syntax

Return the width property:

videoObject.width

Set the width property:

videoObject.width=pixels

Property Values

Value Description
pixels Specifies the width of the video player, in pixels (i.e. width="100")

Technical Details

Return Value: A Number, representing the width of the video, in pixels

More Examples

Example

Get the width of a video:

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

The result of x will be:

320
Try it Yourself »

Related Pages

HTML reference: HTML <video> width attribute


< Video Object