Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html> 
<html> 
<body>
<p id="demo">Change the volume of the video:</p>
<video id="myVideo" width="320" height="176" controls onvolumechange="myFunction()">
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "You changed the volume";
}
</script> 
<p>This example demonstrates how to use the "onvolumechange" attribute on a VIDEO element.</p>
<p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body> 
<!-- Mirrored from www.w3schools.com/tags/tryit.asp?filename=tryhtml5_att_onvolumechange by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:34:22 GMT -->
</html>