HTML DOM Screen height Property

HTML | DOM Video height Property

Last Updated : 12 Aug, 2022

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:Below program illustrates the Video height Property :

Example: Changing the height of a video.

html

<!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 3.1
Internet Explorer 9
Firefox 3.5
Google Chrome 3
Edge 12
Opera 10.5

HTML DOM Screen height Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML DOM Screen height Property

The Screen height property is used for returning the total height of a user's screen. It returns the total height of the screen in pixels. Syntax: screen.heightReturn Value: A Number, representing the total height of the user's screen, in pixels Below program illustrates the Screen height Property :

HTML | DOM Video ended Property

The Video ended property in HTML DOM is used to return whether the playback of the video has ended or not. When the playback position is at the end of the video, we consider the video has ended. The Video ended property is a read-only property. Return Value: The Video ended property returns a boolea

HTML | DOM Video ended Property

The Video ended property in HTML DOM is used to return whether the playback of the video has ended or not. When the playback position is at the end of the video, we consider the video has ended. The Video ended property is a read-only property. Return Value: The Video ended property returns a boolea

HTML | DOM Video error Property

The DOM Video error property is used to return the MediaError object and MediaError object contains error state of Video. Syntax: video.error.code Return Type: This property returns a numbers which represents the error state of the video: 1 = MEDIA_ERR_ABORTED - User aborted fetching process 2 = MED

HTML | DOM Video error Property

The DOM Video error property is used to return the MediaError object and MediaError object contains error state of Video. Syntax: video.error.code Return Type: This property returns a numbers which represents the error state of the video: 1 = MEDIA_ERR_ABORTED - User aborted fetching process 2 = MED

HTML | DOM Video duration Property

The Video duration property is used for returning the length of a video. The Video duration property returns the value in seconds. Different browsers return different precision values such as with safari returning up to 14 decimal places followed by opera returning up to 9 decimal places. The Video