实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
<p>该实例演示了如何使用 addEventListener() 方法向 video 元素添加 "onvolumechange" 事件。</p>
5
​
6
<p>点击右边的音量按钮调整音量。</p>
7
<video controls id="myVideo">
8
  <source src="/upload/love/movie.mp4" type="video/mp4">
9
  <source src="mov_bbb.ogg" type="video/ogg">
10
  您的浏览器不支持 HTML5 video。
11
</video>
12
​
13
<script>
14
document.getElementById("myVideo").addEventListener("volumechange", myFunction);
15
​
16
function myFunction() {
17
    alert("音量已改变!");
18
}
19
</script>
20
​
21
</body>
22
</html>
23