Skip to content
Related Articles

Related Articles

HTML | DOM Video volume Property
  • Last Updated : 05 Aug, 2019

The Video volume property is used for setting or returning the audio volume of a video.
The range of the values accepted by the Video volume property lies between 0.0 (silent) and 1.0 (loudest).

Syntax:

  • Return the volume property:
    videoObject.volume
  • Set the volume property:
    videoObject.volume = number

Property Values:

  • 1.0: This is the highest volume. It is also the default value.
  • 0.5: It is used ti soecufy half volume.
  • 0.0: It is used to specify zero volume/ mute/ silent.

Return: The Video volume property returns a number which represents the volume of the video.

Below program illustrates the Video Volume property:
Example: Setting the video volume to 50%.






<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM Video volume Property
    </title>
</head>
  
<body style="text-align: center">
  
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Video volume 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 set the volume of the video 
      track to 50%, double click the 
      "Set Volume" button.</p>
    <br>
  
    <p>To return the volume of the 
      video track, double click 
      the "Return Volume" button.</p>
    <br>
  
    <button ondblclick="My_Video()">
      Set Volume
    </button>
    <button ondblclick="R_Volume()">
      Return Volume
    </button>
  
    <script>
        var v = 
            document.getElementById("Test_Video");
  
        function My_Video() {
            v.volume = 0.5;
        }
  
        function R_Volume() {
            alert(v.volume);
        }
    </script>
  
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browser supported by HTML | DOM Video volume Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :