x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
</head>7
<body>8
9
<video id="myVideo" width="320" height="240" controls>10
<source src="/examples/movie.mp4" type="video/mp4">11
<source src="/examples/movie.ogg" type="video/ogg">12
您的浏览器不支持 video 标签。13
</video>14
<p>点击按钮获取或色织视频的音量。</p>15
<button onclick="getVolume()" type="button">音量是多少?</button>16
<button onclick="setHalfVolume()" type="button">设置音量值为 0.2</button>17
<button onclick="setFullVolume()" type="button">设置音量值为 1.0</button>18
<script>19
var x = document.getElementById("myVideo");20
21
function getVolume() {22
alert(x.volume);23
}24
25
function setHalfVolume() {26
x.volume = 0.2;27
}28
29
function setFullVolume() {30
x.volume = 1.0;31
}32
</script>33
34
</body>35
</html>