X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <video> height Attribute

HTML video Tag Reference HTML <video> tag

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 »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The height attribute is supported in all major browsers.

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


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 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.


Differences Between HTML 4.01 and HTML5

The <video> tag is new in HTML5.


Syntax

<video height="pixels">

Attribute Values

Value Description
pixels The height of the video, in pixels (i.e. height="100")


HTML video Tag Reference HTML <video> tag

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook