如何降低html视频的自动播放音量

How to Lower Volume Of Auto Play Of html Video

本文关键字:自动播放 视频 何降低 html      更新时间:2023-09-26

我在标题中添加了视频,加载页面后会自动播放,但我无法降低视频的音量。。

我试着用一些Javascript来控制音量,但它不起作用。。。

<script>
var vid = document.getElementById("myVideo");
vid.volume = 0.01;
} 
</script>

将脚本放在关闭的</body>标记之前
这将确保JS在能够操作页面之前读取页面中的所有元素。

<script >
  var vid = document.getElementById("myVideo");
  vid.volume = 0.01;
</script>
</body>

示例:

<body>
<video id="myVideo" width="640" height="360" controls="" autoplay="">
	<!-- MP4 must be first for iPad! -->
	<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"><!-- Safari / iOS, IE9 -->
	<source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm"><!-- Chrome10+, Ffx4+, Opera10.6+ -->
	<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg"><!-- Firefox3.6+ / Opera 10.5+ -->
</video>
  
  
<script >
  var vid = document.getElementById("myVideo");
  vid.volume = 0.1;
</script>
</body>