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