Question

这是我的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);
}

我想将音量调低。

Answer 1

我猜您只需要$(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"。仅添加以避免刷新页面以停止播放音乐。

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

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

2 个答案: