javascript - Html5 音频 Jquery 不工作

Question

大家好，我尝试使用播放列表来播放播放器，但在 Chrome 上遇到了问题。 此代码在 Chrome 中不起作用。我不明白为什么，因为所有其他浏览器都工作正常。

<audio id="PlayaBle" src="music/Kalimba.mp3" controls="controls" autoplay="Y">
    Your browser does not support HTML5
</audio>

<button id="Next">Next sound</button>

<script>
    $(document).ready(function(){
        var audio=$('#PlayaBle');

        $('#Next').click(function(){
            audio.attr('src','music/Sleep Away.mp3')
            audio[0].pause();
            audio[0].load();
            audio[0].play();
        });

    });
</script>

Answer 1

错误:

源文本之间有空格'music/Sleep Away.mp3';

代码为

var audioElement = document.createElement('audio');

$('#Next').click(function(){
             audioElement.pause();
             audioElement.setAttribute('src', 'music/Sleep_Away.mp3');
             audioElement.addEventListener("load", function() {
              audioElement.play();
             }, true);
});