द ऑनवॉल्यूमचेंज विशेषता ट्रिगर जब उपयोगकर्ता वेब पेज पर एक्सेस किए गए वीडियो या ऑडियो का वॉल्यूम बदलता है। यह परिवर्तन वॉल्यूम अप, वॉल्यूम डाउन, म्यूट आदि हो सकता है।
उदाहरण
आप ऑनवॉल्यूमचेंज को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता -
<!DOCTYPE html>
<html>
<body>
<h2 id="test">Play</h2>
<video id = "myid" width = "320" height = "176" controls onvolumechange = "myFunction()">
<source src = "/html5/foo.ogg" type = "video/ogg" />
<source src = "/html5/foo.mp4" type = "video/mp4" />
Your browser does not support the video element.
</video>
<script>
function myFunction() {
document.getElementById("test").innerHTML = "Volume changed";
}
</script>
</body>
</html>