HTML | DOM Video width Property
The Video width property is used for setting or returning the value of the width attribute of a video.
The width attribute is used for specifying the width of a video player, in pixels.
The Video width property returns a number which represents the video width.
Syntax:
Return the width property:
videoObject.width
Set the width property:
videoObject.width = pixels
Property Values
- pixels: It is used to specify the width of the video player, in pixels
Return Value: It returns a string value that represents the width of the video element.
Below program illustrates the Video width property:
Example: Changing the width of the video player.
html
<!DOCTYPE html> < html > < head > < title > DOM Video width Property </ title > </ head > < body style = "text-align: center" > < h1 style = "color: green" > GeeksforGeeks </ h1 > < h2 style = "font-family: Impact" > Video width Property </ h2 > < br > < video id = "Test_Video" width = "360" height = "240" controls> < source src = "sample2.mp4" type = "video/mp4" > < source src = "sample2.ogg" type = "video/ogg" > </ video > < p >To change the width of the video, double click the "Change Width" button.</ p > < br > < button ondblclick = "My_Video()" >Change Width </ button > < script > function My_Video() { document.getElementById( "Test_Video").width = "600"; } </ script > </ body > </ html > |
Output:
Before clicking the button:
After clicking the button:
Supported Browsers:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera