Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

HTML | DOM onvolumechange Event

  • Last Updated : 28 Jul, 2021

The onvolumechange event in HTML DOM occurs when the media volume is changed. Use volume property to set/return the volume of the media.
This event is invoked by: 

  • Volume increasing/decreasing
  • Muting/unmuting the media player

Supported Tags

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • <audio>
  • <video>


  • In HTML: 
<element onvolumechange="myScript">
  • In JavaScript: 
object.onvolumechange = function(){myScript};
  • In JavaScript, using the addEventListener() method: 
object.addEventListener("volumechange", myScript);

Example: Using the addEventListener() method 


<!DOCTYPE html>
      HTML DOM onvolumechange Event
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML DOM onvolumechange Event</h2>
        <video controls id="videoID">
            <source src="GFG.mp4" type="video/mp4">
          "videoID").addEventListener("volumechange", GFGfun);
        function GFGfun() {
            alert("Volume changed");



Supported Browsers: The browsers supported by DOM onvolumechange Event are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera


My Personal Notes arrow_drop_up
Recommended Articles
Page :