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 參考手冊