javascript - 为什么自动播放不能在使用 html5 音频的页面刷新时工作？

Question

我的页面中有这样的 html5 音频

 <audio id="audioplayer" playsinline controls muted loop autoplay hidden>
            <source src="audio/muzyka_meed_loop.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
  </audio>

这里我在音频src中添加一个随机数以防止缓存

<script>
    $(document).ready(function(){
        document.querySelector('#audioplayer source').setAttribute('src', 'audio/muzyka_meed_loop.mp3?rand=' + Math.random());

    })
</script>

但是现在当我刷新页面时，音频没有播放，而音频标签上有自动播放

这是实时页面:live demo

我做错了什么？

Answer 1

删除自动播放属性:

 <audio id="audioplayer" src="audio/muzyka_meed_loop.mp3" type="audio/mpeg" loop="loop"> </audio>

JavaScript:

window.onload = function() {
    document.getElementById("audioplayer").play();
}

JQuery:

$(document).ready(function() {
    $("#audioplayer").get(0).play();
});