Latest web development tutorials

HTML Audio/Video DOM volumechange 事件

HTML audio/video 標籤參考手冊 HTML音頻/視頻DOM參考手冊

實例

在視頻音量發生變化時彈出提示信息:

var vid = document.getElementById("myVideo");
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


Examples

更多實例

實例

在音頻的音量發生改變時彈出提示信息:

var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
alert("音量已改變!");
};

嘗試一下»


HTML audio/video 標籤參考手冊 HTML音頻/視頻DOM參考手冊