HTML Audio/Video DOM volumechange 事件
實例
在視頻音量發生變化時彈出提示信息:
var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
alert("音量已改變");
};
vid.onvolumechange = function() {
alert("音量已改變");
};
嘗試一下»
本文底部包含了更多實例。
定義和用法
volumechange 事件在音頻/視頻(audio/video)的音量發生改變時觸發。
該事件被引用的情況:
- 提高或降低音量
- 靜音或取消靜音
提示:使用Audio/Video對象的volume屬性來設置或返回音頻/視頻(audio/video)的音量。
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
事件 | |||||
---|---|---|---|---|---|
volumechange | Yes | 9.0 | Yes | Yes | Yes |
語法
HTML 中:
< audio|video onvolumechange="myScript"> 嘗試一下
JavaScript 中:
audio|video .onvolumechange=function(){myScript}; 嘗試一下
JavaScript 中, 使用addEventListener() 方法:
audio|video .addEventListener("volumechange", myScript ); 嘗試一下
注意: Internet Explorer 8及更早IE版本不支持addEventListener()方法。
技術細節
支持的HTML 標籤: | <audio> 和<video> |
---|---|
支持的JavaScript 對象: | Audio, Video |
更多實例
實例
在音頻的音量發生改變時彈出提示信息:
var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
alert("音量已改變!");
};
aud.onvolumechange = function() {
alert("音量已改變!");
};
嘗試一下»
HTML音頻/視頻DOM參考手冊