我在我的网站上有一个mp3播放列表。单击播放时,第一首歌曲开始播放,完成后播放下一首歌曲,直到播放列表结束。
在Chrome中一切正常,但在Safari 7(小牛队)中,如果第一首歌曲结束后标签未对焦,则第二首歌曲不会开始,直到我对焦标签。
我的代码如下:
function play( song_path ){
var html = ""+
'<audio id="html_player" controls autoplay>' +
' <source src="'+ song_path + '" type="audio/mpeg">'+
'</audio>';
$("#player_element").html( html );
var song = $("audio")[0];
song.play();
$(song).on('ended', function() {
playNext();
});
}
函数playNext()获取下一首歌的url并调用play(new_url)。
任何想法如何克服这个问题?