Open In App

HTML | DOM Video muted Property

Last Updated : 12 Aug, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

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

Next Article
Must Coding Questions - Company-wise

S
Shubrodeep Banerjee
Improve
Article Tags :

Similar Reads

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox