Video height Property
Example
Change the height of a video:
document.getElementById("myVideo").height = "500";
Try it Yourself »
Description
The height property sets or returns the value of the height attribute of a video.
The height attribute specifies the height of a video, 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
| Property | |||||
|---|---|---|---|---|---|
| height | Yes | 9.0 | Yes | Yes | Yes |
Syntax
Return the height property:
videoObject.height
Set the height property:
videoObject.height = pixels
Property Values
| Value | Description |
|---|---|
| pixels | Specifies the height of the video, in pixels (i.e. width="100") |
Technical Details
| Return Value: | A Number, representing the height of the video, in pixels |
|---|
More Examples
Example
Get the height of the video:
var x = document.getElementById("myVideo").height;
Try it Yourself »
Related Pages
HTML reference: HTML <video> height attribute
❮ Video Object