HTML <video> height Attribute
Example
A video player with a specified height and width:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Try it Yourself »
Definition and Usage
The height attribute specifies the height of a video player, in pixels.
Tip: Always specify both the height and
width
attributes for videos. If these attributes are set, the required space 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 these 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 web page.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| height | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Syntax
<video height="pixels">
Attribute Values
| Value | Description |
|---|---|
| pixels | The height of the video, in pixels (i.e. height="100") |
❮ HTML <video> tag
