HTML | DOM Video volume Property
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