html5Js控制video音量
时间: 2023-10-12 17:05:15 浏览: 129
js实现音量控制代码
要控制HTML5中的video音量,可以使用HTMLAudioElement对象的volume属性。该属性接受一个介于0(静音)和1(最大音量)之间的数字。以下是一个基本的示例:
```html
<video id="my-video" src="video.mp4"></video>
<button onclick="changeVolume(0.5)">50%</button>
<button onclick="changeVolume(1)">100%</button>
<script>
var video = document.getElementById("my-video");
function changeVolume(volume) {
video.volume = volume;
}
</script>
```
在此示例中,我们创建了一个带有ID“my-video”的video元素,并使用两个按钮调用changeVolume()函数,该函数将video的音量设置为0.5或1,具体取决于按钮的点击。
阅读全文