Question

大家好我试着用播放列表做播放器，但Chrome有问题。此代码在Chrome中无效。我无法理解为什么，因为所有其他的brouser工作得很好。

<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);
});

Html5音频Jquery无法正常工作

1 个答案: