#playlist,audio{background:#666;width:400px;padding:20px;} .active a{color:#5DB0E6;text-decoration:none;} li a{color:#eeeedd;background:#333;padding:5px;display:block;} li a:hover{text-decoration:none;} $(document).ready(function () { init(); function init(){ var current = 0; var audio = $('#audio'); var playlist = $('#playlist'); var tracks = playlist.find('li a'); var len = tracks.length - 1; audio[0].volume = .10; audio[0].play(); playlist.on('click','a', function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, audio[0]); }); audio[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),audio[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); player.load(); player.play(); } });
Update Required
To play the media you will need to either update your browser to a recent version or update your Flash plugin.
Nenhum comentário:
Postar um comentário