HTML | DOM Video height Property
The Video height property is used for setting or returning the value of the height attribute of a video.
The Video height attribute returns the height of a video, in pixels.
Syntax:
- Returning the height property:
videoObject.height
- Setting the height property:
videoObject.height = pixels
Property Values:
- pixels :It is used to specify the height of the video.
Below program illustrates the Video height Property :
Example: Changing the height of a video.
<!DOCTYPE html> < html > < head > < style > h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </ style > </ head > < body > < h1 >GeeksforGeeks</ h1 > < h2 >Video height Property</ h2 > < br > < video id = "Test_Video" width = "360" height = "240" controls> < source src = "samplevideo.mp4" type = "video/mp4" > < source src = "movie.ogg" type = "video/ogg" > </ video > < p > For changing the height of the video, double click the "Change Height" button. </ p > < button ondblclick = "My_Video()" type = "button" > Change Height </ button > < p id = "test" ></ p > < script > function My_Video() { document.getElementById( "Test_Video").height = "400"; } </ script > </ body > </ html > |
Output:
Before Clicking The Button:
After Clicking The Button:
Supported Browsers:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera