HTML onvolumechange 属性

onvolumechange 属性是 HTML <audio> 和 <video> 元素的一个事件触发器。每当音量控件的值改变时，它就会触发。

语法

<audio onvolumechange="myFunction()">

注意：

• 在 onvolumechange 中应该只包含函数名称。
• 该属性通常在 JavaScript 中指定。

例子

<audio id="myAudio" onvolumechange="updateVolume()">
  <source src="audio.mp3" type="audio/mpeg">
  <p>Your browser does not support the audio element.</p>
</audio>

<script>
function updateVolume() {
  var audio = document.getElementById("myAudio");
  var display = document.getElementById("volume");
  display.innerHTML = "Volume: " + audio.volume;
}
</script>

在上面的例子中，每当音量控件的值更改时，它会调用 updateVolume() 函数，该函数将当前音量值显示在页面上。

浏览器支持性

| IE | Chrome | Firefox | Safari | Opera | | --- | --- | --- | --- | --- | | 9.0 | 1.0 | 3.5 | 3.1 | 10.5 |

总结

onvolumechange 属性是 HTML <audio> 和 <video> 元素的一个事件触发器。每当音量控件的值改变时，它就会触发。通常在 JavaScript 中指定该属性，以调用相应的处理函数。在处理函数中，您可以根据需要更新当前音量值的表示并进行任何其他必要的操作。