HTML | DOM Video muted Property
Last Updated :
12 Aug, 2022
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
Share your thoughts in the comments
Please Login to comment...