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

错误：

您在src文字'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);
});