HTML | DOM Video defaultMuted Property

The Video defaultMuted property is used to set or return whether the video should be muted by default or not.
The Video defaultMuted property cannot change the current mute state, it only affects the default muted state.

Syntax:

Returning the defaultMuted property:
```
videoObject.defaultMuted
```
Setting the defaultMuted property:
```
videoObject.defaultMuted = true|false
```

Property Values:

true|false: It is used to specify whether a video should be muted by default or not. By default, it is set to false.

Below program illustrates the Video deafultMuted Property:
Example: Setting the video to be muted by default.

<!DOCTYPE html> 

<html> 

<head> 

    <title> 

        HTML | DOM Video defaultMuted Property 

    </title> 

    <style> 

        h1 { 

            color: green; 

        } 

        h2 { 

            font-family: Impact; 

        } 

        body { 

            text-align: center; 

        } 

    </style> 

</head> 

<body> 

    <h1>GeeksforGeeks</h1> 

    <h2>Video defaultMuted 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 video by default,  

      double click the "Mute by default" button.</p> 

    <button ondblclick="My_Video()"

            type="button"> 

      Mute by default 

    </button> 

    <script> 

        function My_Video() { 

            v.defaultMuted = true; 

            v.load() 

        } 

    </script> 

</body> 

</html>

Output:

Before clicking the button:

After clicking the button:

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

Google Chrome
Firefox
Opera
Apple Safari

Article Tags :

HTML

Web Technologies

HTML-DOM