用於html5音頻和視頻的volumelider

Question

現在，我已經在互聯網上搜索了廣泛的腳本或幫助創建了同時控制HTML5視頻和音頻的滑塊。但唉，我發現沒有這樣的事情。

所以我來找你，希望你能幫助我解決這個泡菜:-)

項目： 我想創建一個網站，提供在同一時間視頻和音頻，但他們都隱藏。這是suppost留在後臺，所以需要有一個音量滑塊，以便您可以調整自己的喜好的聲音。

<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> 

Answer 1

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;