볼륨 변경 속성은 사용자가 웹 페이지에서 액세스하는 비디오 또는 오디오의 볼륨을 변경할 때 트리거됩니다. 이 변경은 볼륨 높이기, 볼륨 낮추기, 음소거 등이 될 수 있습니다.
예시
다음 코드를 실행하여 onvolumechange를 구현할 수 있습니다. 속성 -
<!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>