Ситуция такова
Использовал плеер
http://kolber.github.io/audiojs/
Установил плеер на сайт
Плейлист изначально выглядел так
<ol>
<li id="www_1" class="">
<a data-src="mp3pler/mus/20130802223703.mp3" href="#"> Все просто .mp3</a>
</li>
<li id="www_1" class="">
<a data-src="mp3pler/mus/20130805555555.mp3" href="#"> No WayOut.mp3</a>
</li>
</ol>
Я добавил <div> после <li>
<ol>
<li id="www" class="playing">
<a data-src="mp3pler/mus/20130802223703.mp3" href="#"> Все просто .mp3</a>
</li>
<div id="divmp" >
<div class="divmp_load">
<div class="divmp_add">
<div class="divmp_add">
</div>
<li id="www" class="">
<a data-src="mp3pler/mus/20130805555555.mp3" href="#"> No WayOut.mp3</a>
</li>
<div id="divmp" >
<div class="divmp_load">
<div class="divmp_add">
<div class="divmp_add">
</div>
</ol>
Проблема в том при завершении песни нет перехода на новую композицию
вот часть кода которая отвечает за переход
// Setup the player to autoplay the next track
var a = audiojs.createAll({
trackEnded: function() {
var next = $('ol li.playing').next();
if (!next.length) next = $('ol li').first();
next.addClass('playing').siblings().removeClass('playing');
audio.load($('a', next).attr('data-src'));
audio.play();
}
});
К композиции которая играет добавляется class="playing"
Причина в этой строке
var next = $('ol li.playing').next();
После ol li.playing изначально должно идти ol li (тогда работает),
Но так-как я добавил див и он идёт следующим то(autoplay the next track ) не работает
Короче говоря как перепрыгнуть <div id="divmp" > выбрать ol li