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