Плеер audio.min.js
Ситуция такова
Использовал плеер 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 |
.next('li')
|
Пробовал не работает
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('ol li.playing').next('li').css("background", "yellow");
});
</script>
</head>
<body>
<ol>
<li id="www_1" class="playing"><a>Bla bla</a></li>
<div id="divmp_1" class="www"><div >22</div ></div >
<li id="xzx" ><a>Bla bla</a></li>
<div id="divmp" class="www"><div>333</div ></div >
</ol>
</body>
</html>
|
Тему можно закрыть.
|
| Часовой пояс GMT +3, время: 15:16. |