使用jQuery调整<audio>元素的音量

时间:2016-05-14 01:26:47

标签: javascript jquery html5-audio

这是我的HTML:

<audio id="audio_core" autoplay="autoplay">
   <source src="audio/bgm.mp3" type="audio/mpeg">
   Your browser does not support the audio element.
</audio>

和我的JavaScript:

$(document).ready(function() {
    $('#audio_core').prop('volume', 0.15);
}

我想将音量调低。

2 个答案:

答案 0 :(得分:0)

我猜您只需要$(document).ready(function()正确关闭}),其余代码就可以了。

$(document).ready(function() {
$('#audio_core').prop('volume', 0.15);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio id="audio_core" autoplay="autoplay" controls="controls">
 <source src="http://www.maninblack.org/demos/PoliceLineDontCross.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

PS:删除controls="controls"。仅添加以避免刷新页面以停止播放音乐。

答案 1 :(得分:-2)

找到它。我不得不这样做:

<audio id="audio_core" autoplay="autoplay">
   <source src="audio/bgm.mp3" type="audio/mpeg">
       Your browser does not support the audio element.
</audio>
<script>
    $(document).ready(function() {
      $('#audio_core').prop('volume', 0.05);
    })
 </script>