Latest web development tutorials

onvolumechange 事件

事件對象參考手冊 事件對象

實例

當視頻的音量改變時執行JavaScript:

<video onvolumechange="myFunction()">

嘗試一下»

本文底部包含更多實例。


定義和用法

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

該事件可以通過以下方式調用:

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

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


瀏覽器支持

表格中的數字表示支持該事件的第一個瀏覽器的版本號。

事件
onvolumechange Yes 9.0 Yes Yes Yes


語法

HTML 中:

<elementonvolumechange="myScript"> 嘗試一下

JavaScript 中:

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

JavaScript 中, 使用addEventListener() 方法:

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

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


技術細節
是否支持冒泡: No
是否可以取消: No
事件類型: Event
支持的HTML 標籤: <audio>, <video>


Examples

更多實例

實例

當音頻的音量改變時執行JavaScript:

<audio onvolumechange="myFunction()">

嘗試一下»

實例

使用volume 屬性設置音量:

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

嘗試一下»


事件對象參考手冊 事件對象