📅  最后修改于: 2023-12-03 14:41:50.712000             🧑  作者: Mango
HTML5的视频元素中包含了音量属性,可以控制视频的音量大小。
HTML视频元素的音量属性的语法如下所示:
<video src="video.mp4" controls volume="0.5"></video>
其中,volume属性的值在0.0和1.0之间,0.0表示没有音量,1.0表示最大音量。
在JavaScript中,可以通过DOM访问音量属性,代码如下:
// 获取video元素
const videoElem = document.querySelector('video');
// 设置音量为0.5
videoElem.volume = 0.5;
以下是一个音量属性的示例:
<!DOCTYPE html>
<html>
<head>
<title>音量属性示例</title>
</head>
<body>
<video src="video.mp4" controls volume="0.5"></video>
<script>
// 获取video元素
const videoElem = document.querySelector('video');
// 设置音量为0.3
videoElem.volume = 0.3;
</script>
</body>
</html>
HTML视频元素的音量属性可以通过HTML和JavaScript控制。在使用时,需要注意音量值的范围在0.0到1.0之间。