onvolumechange 事件

事件對(duì)象參考手冊(cè) 事件對(duì)象

實(shí)例

當(dāng)視頻的音量改變時(shí)執(zhí)行 JavaScript:

<video onvolumechange="myFunction()">

嘗試一下 ?

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


定義和用法

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

該事件可以通過以下方式調(diào)用:

  • 增大或降低音量
  • 媒體播放器靜音或解除靜音

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


瀏覽器支持

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

事件          
onvolumechange Yes 9.0 Yes Yes Yes


語法

HTML 中:

<element onvolumechange="myScript">嘗試一下

JavaScript 中:

object.onvolumechange=function(){myScript};嘗試一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("volumechange", myScript);嘗試一下

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


技術(shù)細(xì)節(jié)
是否支持冒泡:No
是否可以取消:No
事件類型:Event
支持的 HTML 標(biāo)簽:<audio>, <video>


Examples

更多實(shí)例

實(shí)例

當(dāng)音頻的音量改變時(shí)執(zhí)行 JavaScript:

<audio onvolumechange="myFunction()">

嘗試一下 ?

實(shí)例

使用 volume 屬性設(shè)置音量:

document.getElementById("myVideo").volume = 0.2;

嘗試一下 ?


事件對(duì)象參考手冊(cè) 事件對(duì)象