java - 用于html5音频和视频的volumeslider

现在，我已经在互联网上四处搜寻脚本或帮助创建同时控制HTML5视频和音频的滑块。但是可惜我没有发现这样的事情。

所以我来找你，希望你能帮我这个酱菜:-)

项目:
我正在尝试创建一个同时提供视频和音频的网站，但它们是隐藏的。保留在后台是一种前提，因此需要一个音量滑块，以便您可以根据自己的喜好调整声音。

<div class="hidden">
<audio id="audio1" autoplay="autoplay" controls="controls" loop><source src="jazz.mp3" /></audio>
<video id="video1" width="1" height="1" autoplay="autoplay" loop> <source src="fireplace.mp4" type="video/mp4"></video>
<audio id="audio2" autoplay="autoplay" controls="controls" loop><source src="rain.mp3" /></audio>
</div>

一开始尝试创建一个脚本，该脚本在页面加载时拒绝音乐，但没有用

<script language="javascript">
var a = document.getElementById('audio1','audio2','video1');
a.volume = 0.1;
</script>

最佳答案

document.getElementById仅接受一个id作为参数。查看此答案以了解其他选项GetElementByID - Multiple IDs

如果这样编写，则代码应运行:

var a1 = document.getElementById('audio1');
var a2 = document.getElementById('audio2');
var v1 = document.getElementById('video1');
a1.volume = a2.volume = v1.volume = 0.8;

关于java - 用于html5音频和视频的volumeslider，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21290154/