onvolumechange 事件
HTML DOM 的 onvolumechange 事件在视频/音频 ( audio/video ) 的音量发生改变时触发
该事件可以通过以下方式调用
- 增大或降低音量
- 媒体播放器静音或解除静音
可以使用 Audio / Video 对象的 volume 属性来设置或返回视频/音频 ( audio/video ) 的音量
语法
HTML
<element onvolumechange=" /*myScript*/ ">
JavaScript
object.onvolumechange=function(){ /*myScript*/ };
JavaScript 中, 使用 addEventListener() 方法
object.addEventListener("volumechange", /*myScript*/ );
Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法
浏览器支持
Yes | 9.0+ | Yes | Yes | Yes |
其它
是否支持冒泡 | No |
---|---|
是否可以取消 | No |
事件类型 | Event |
支持的 HTML 标签 | <audio>, <video> |
范例
当视频的音量改变时执行 JavaScript
<video onvolumechange="myFunction()">
范例
当音频的音量改变时执行 JavaScript
<audio onvolumechange="myFunction()">
范例
使用 volume 属性设置音量
document.getElementById("myVideo").volume = 0.2;