У меня проблема с jplayer, и мне нужно сделать следующее: я хочу автоматически воспроизводить следующий трек после завершения предыдущего трека.У меня есть HTML как:
<div class="row-track active" data-track-id="30">
<div class="row-holder" data-src="url/30">
<span class="status">
<a href="javascript:;" data-toggle="tooltip" title="" class="play-pause no-pjax addTrack audio-element" data-audio="mp3_url" data-waveform="img_url" data-id="30" data-album-id="74" data-title="Usually Suspect" data-artist="Ambient Drama" data-original-title="#7">play/pause
</a>
</span>
</div>
</div>
<div class="row-track active" data-track-id="40">
<div class="row-holder" data-src="url/40">
<span class="status">
<a href="javascript:;" data-toggle="tooltip" title="" class="play-pause no-pjax addTrack audio-element" data-audio="mp3_url" data-waveform="img_url" data-id="40" data-album-id="74" data-title="Usually Suspect" data-artist="Ambient Drama" data-original-title="#7">play/pause
</a>
</span>
</div>
</div>
И в jplayer -> bind($.jPlayer.event.ended
я сделал:
var nextSongId = $("div[data-track-id='"+event.jPlayer.status.media.trackId+"']").
next().attr('data-track-id');
var trackOnEnd = inPlaylist(nextSongId);
demo.play(trackOnEnd);
in demo.playlist I have an array of object.
inPlaylist function is as follows:
function inPlaylist(id) {
var state = null;
$.map(demo.playlist, function(elementOfArray, indexInArray) {
if(elementOfArray.trackId == id) {
state = indexInArray
}
});
return state
};
, где статус не что иное, как индекс объекта в массиве объекта,В некоторых местах все работает нормально.Но в некоторых случаях выдает ошибку
Невозможно прочитать свойство 'poster' из неопределенного