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>GeeksforGeeks</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