Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Video height property

Previous: HTML DOM Video error property

Next: HTML DOM Video loop properties

Examples

Modify the height of the video:

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

Definition and Usage

height property sets or returns the height property value.

height attribute describes the height of the video, in pixels.

Tip: predetermined width and height of the video is a good habit.If you set these properties, when the page loads will set aside space for the video. If you do not set these properties, the browser can not be pre-determined dimensions of the video, so you can not reserve a suitable space for the video. As a result, in the process of loading the page, its layout will change.

Note: Do not scale the video by height and width attributes!By height and width attributes to narrow the video will only force the user to download the original video (even though it looks small on the page). Before the correct approach is to use the video on the page, using the software for video compression.

Browser Support

All major browsers support height attribute

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

grammar

Back height attributes:

videoObject .height

Setting the height property:

videoObject .height = pixels

Property Value

value	description
pixels	Describes the height of the video, in pixels (example: width = "100")

technical details

return value:	Number that is the height of the video, in pixels

More examples

Examples

Gets the height of the video:

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

x The output is:

240

Related Pages

HTML Reference Manual: HTML <Video> height property

Video Object Reference

Previous: HTML DOM Video error property

Next: HTML DOM Video loop properties