Open In App

How to mute video using HTML5 ?

Last Updated : 16 May, 2023
Comments
Improve
Suggest changes
Like Article
Like
Report

The purpose of this article is to mute video using HTML5.

Approach: Video Tag is new to HTML5. Users can use muted attributes in video tags to mute a video.

The muted attribute is a boolean attribute. When present, it specifies that the audio output of the video should be muted.

Syntax:

<video controls muted>

Example: In this example, we are using the above-explained approach.

HTML
<!DOCTYPE html>
<html>
<body>
    <h1>Muted Video</h1>
    <!-- Video mute -->
    <video controls muted width="600px">
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20210506112845/GFG1.mp4" 
                type="video/mp4">
    </video>
</body>
</html>

Output:


Next Article

Similar Reads