Video height attribute

HTML DOM Video Object

Definition and Usage

height attribute sets or returns the height attribute value.

height The attribute specifies the height of the video in pixels.

Tip:Always specify the height and width attributes 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 attributes 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 attributes to resize the video! Shrinking a large video with height and width attributes will force users to download the original video (even if it looks small on the page). The correct way to resize the video is to use it in a program and then use it on the page.

Example

Example 1

Change the height of the video:

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

Try it yourself

Example 2

Get the height of the video:

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

Try it yourself

Syntax

Return the height attribute:

videoObject.height

Set height attribute:

videoObject.height = pixels

Attribute Value

Value Description
pixels Specifies the height of the video in pixels.

Technical Details

Return Value: A number, representing the height of the video in pixels.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support

Related Pages

HTML Reference Manual:HTML <video> height Attribute

HTML DOM Video Object