📜  HTML | DOM 视频音量属性(1)

📅  最后修改于: 2023-12-03 14:41:50.712000             🧑  作者: Mango

HTML | DOM 视频音量属性

HTML5的视频元素中包含了音量属性,可以控制视频的音量大小。

语法

HTML视频元素的音量属性的语法如下所示:

<video src="video.mp4" controls volume="0.5"></video>

其中,volume属性的值在0.0和1.0之间,0.0表示没有音量,1.0表示最大音量。

JavaScript中的音量属性

在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之间。