Question

你好我有html文件，其中有很少的音频标签，他们有id我不能改变和类名。如何将所有音频元素的音量同时改为input type="range"

<!-- want to change volume of all above audio -->    
<audio id="player_btn_0_0" class="Player" src="1.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_0_1" class="Player" src="2.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_0_2" class="Player" src="3.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_1_0" class="Player" src="4.MP3" type="audio/mpeg"></audio>
<audio id="player_btn_1_1" class="Player" src="5.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_1_2" class="Player" src="6.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_2_0" class="Player" src="7.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_2_1" class="Player" src="8.mp3" type="audio/mpeg"></audio>
<audio id="player_btn_2_2" class="Player" src="9.mp3" type="audio/mpeg"></audio>
<input type="range" name="Volume Changer" id="volume">

<!-- Dont want to change volume in this file -->    
<audio id="SUper" class="megaPlayer" src="666.mp3" preload="none" loop="" type="audio/mpeg"></audio>

理想的解决方案：如果我可以使用班级名称来改变音量。有些想法：

 $('.Player').volume = $('#volume').value/100;

但它不起作用。

这是fidle： http://jsfiddle.net/zg3dtez5/2/，我放了播放/暂停功能，例如我如何处理这个音频。

使用jquery回答：

$('.Player').prop('volume',volume.value/100);

Answer 1

我在你的jsfiddle中写了一些例子 - http://jsfiddle.net/zg3dtez5/1/

var volumeRange = $("#volume");
volumeRange.change(function() {
    $("audio").attr("volume", (volumeRange.val() / 100));
});

使用javascript进行多个卷更改

1 个答案: