<!DOCTYPE html>
<html>
<head>
<title>html tutorial - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy onvolumechange attribute</title>
</head>
<body>
<video width="300" height="300" controls onvolumechange="OnVolumeChange()">
<source src="hibiscus.mp4" type="video/mp4">
</video>
<p id="para">Change the video volume :</p>
<script>
function OnVolumeChange() {
document.getElementById("para").innerHTML = "Volume has been changed";
}
</script>
</body>
</html>
<html>
<head>
<title>html tutorial - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy onvolumechange attribute</title>
</head>
<body>
<video width="300" height="300" controls onvolumechange="OnVolumeChange()">
<source src="hibiscus.mp4" type="video/mp4">
</video>
<p id="para">Change the video volume :</p>
<script>
function OnVolumeChange() {
document.getElementById("para").innerHTML = "Volume has been changed";
}
</script>
</body>
</html>
Result