Open In App
Related Articles

HTML DOM Video width Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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

The 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=
                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: 

 

Supported Browsers: 

  • Apple Safari 3.1
  • Internet Explorer 9
  • Firefox 3.5
  • Google Chrome 3
  • Edge 12
  • Opera 10.5


Last Updated : 26 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads