实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
​
5
<video id="myVideo" width="320" height="240" controls>
6
  <source src="/upload/love/movie.mp4" type="video/mp4">
7
  <source src="movie.ogg" type="video/ogg">
8
  您的浏览器不支持 HTML5 video。
9
</video>
10
​
11
<p>点击以下按钮修改音量值，或者点击右边的音量按钮来调整音量。</p>
12
​
13
<button onclick="setHalfVolume()" type="button">设置音量为 0.2</button>
14
<button onclick="setFullVolume()" type="button"设置音量为 1.0</button>
15
​
16
<p id="demo"></p>
17
​
18
<script>
19
// 获取 id="myVideo" 的 video 元素
20
var x = document.getElementById("myVideo");
21
​
22
// 向视频添加 "volumechange" 事件