html5 制作 视频 播放 列表,HTML 5视频或音频播放列表

我并不满足于被提供了，所以这里是我的建议，使用jQuery：

Sorry, this browser doesn't support HTML 5.0

var folder = "audio";

var playlist = [

"example1.mp3",

"example2.mp3"

];

for (var i in playlist) {

jQuery('#playlist ul').append('

'+playlist[i]+'');

}

var player = document.getElementById('player');

var playing = playlist[0];

player.src = folder + '/' + playing;

function display(id) {

var list = jQuery('#playlist ul').children();

list.removeClass('playing');

jQuery(list[id]).addClass('playing');

}

display(0);

player.onended = function(){

var ind_next = playlist.indexOf(playing) + 1;

if (ind_next !== 0) {

player.src = folder + '/' + playlist[ind_next];

playing = player.src;

display(ind_next)

player.play();

}

}

您只需编辑playlist array，你就完成了