HTML Audio/Video DOM volumechange 事件

2018-08-04 20:26 更新

HTML Audio/Video DOM volumechange 事件

HTML audio/video 標(biāo)簽參考手冊(cè) HTML 音頻/視頻 DOM 參考手冊(cè)

實(shí)例

在視頻音量發(fā)生變化時(shí)彈出提示信息:

var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
??? alert("音量已改變");
};

嘗試一下 ?

本文底部包含了更多實(shí)例。


定義和用法

volumechange 事件在音頻/視頻(audio/video)的音量發(fā)生改變時(shí)觸發(fā)。

該事件被引用的情況:

  • 提高或降低音量
  • 靜音或取消靜音

提示: 使用 Audio/Video 對(duì)象的 volume 屬性來(lái)設(shè)置或返回音頻/視頻(audio/video)的音量。


瀏覽器支持

表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。

事件
volumechange Yes 9.0 Yes Yes Yes


語(yǔ)法

HTML 中:

<audio|video onvolumechange="myScript">嘗試一下

JavaScript 中:

audio|video.onvolumechange=function(){myScript};嘗試一下

JavaScript 中, 使用 addEventListener() 方法:

audio|video.addEventListener("volumechange", myScript);嘗試一下

注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。


技術(shù)細(xì)節(jié)
支持的 HTML 標(biāo)簽: <audio> 和 <video>
支持的 JavaScript 對(duì)象: Audio, Video


Examples

更多實(shí)例

實(shí)例

在音頻的音量發(fā)生改變時(shí)彈出提示信息:

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

嘗試一下 ?


HTML audio/video 標(biāo)簽參考手冊(cè) HTML 音頻/視頻 DOM 參考手冊(cè)
以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)