HTML | DOM Video muted Property
The Video muted property is used for setting or returning whether the audio output of the video should be muted or not.
Syntax:
- For returning the muted property:
videoObject.muted
- For setting the muted property:
videoObject.muted = true|false
Property Values:
- true|false: It is used to specify whether the audio output of the video should be muted, or not.
Return: The Video muted property returns a Boolean true if the audio output of the video is muted, otherwise, it returns false. Below program illustrates the Video muted property :
Example: Turning off sound for a video.
html
<!DOCTYPE html> < html > < head > < title > HTML | DOM Video muted Property </ title > < style > h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >Video muted 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 muting the videos, double click the "Enable Mute" button. </ p > < p > For returning the mute status of the video, double click the "Return Mute Status" button. </ p > < button ondblclick="set()" type="button"> Enable Mute </ button > < button ondblclick="get()" type="button"> Return Mute Status </ button > < script > var v = document.getElementById( "Test_Video"); function set() { v.muted = true; } function get() { alert(v.muted); } </ script > </ body > </ html > |
Output:
- Initially:
- Before enabling mute:
- After enabling mute:
Supported Browsers: The browser supported by HTML | DOM Video muted Property are listed below:
- Google Chrome 30
- Edge 12
- Internet Explorer 10
- Firefox 11
- Opera
- Apple Safari 5
Contact Us