Hi Leute !
Die Funktion:
In einer Liste stehen zb. 10 Links. Bei Klick eines Link startet das gecklickte Video im Player. Der gecklickte "Link" des Videos wird farblich hinterlegt, und sollte weiter laufen. Der Player spielt die Videos nach der Reihe ab, und das jweils gespielte Video sollte im Link farblich angezeigt werde. Video 1 hüpft nache Ende zu Video 2 usw. Die Farbe sollte mit der Liste weiter laufen !
Der aktuelle Stand: Die Farbe läuft weiter also funktioniert eigentlich.
Das Problem: Die Farbe bleibt im Moment des Klicks am Link, aber springt sofort zum 2ten Link obwohl der Player noch immer das erste Video spielt, und nach Ende also beim letzten Video ist die Farbe weg anstatt wieder zum ersten Video zu springen. Die Farbe ist immer einen Link im vorraus gegenüber dem Player.
Die Farbe kommt zu den Links mit
$(document).ready(function() {
$('body').on('click', '.playlist_play a', function(){
$('.playlist_play').removeClass('now-playing');
$('.results').removeClass('now-playing');
$(this).parent().parent().addClass('now-playing');
});
});Der ( ich sag mal ) Laufcode
jwplayer("footer_player").load(links);
}
);
jwplayer("footer_player").onPlaylistItem(
function(){
var item = jwplayer("footer_player").getPlaylistItem();
var itemx = item.title;
document.getElementById('player_titel').innerHTML = ' '+itemx;
//finde das ul-Item mit der Makierung
var aktItem = $('#playlist > .sortable').has('.now-playing'); // in aktItem steht jetzt ein jQuery-Set mit einem element
//suche das playButton-div -> entferne makierung
aktItem.find('.playlist_play').removeClass('now-playing');
//gehe vom zuletzt makierten item zum nächsten -> suche darin das playButton-div -> makiere es
aktItem.next().find('.playlist_play').addClass('now-playing');
}
);und ausgelöst wird das ganze mit
<a id=\"playlistItem"+number+"\" href=\"javascript:void(0)\" onclick=\" playVid('"+link+"' , '"+number+"' ,'"+titel+"' ,'"+videoLength+"');\"> <span class=\"ui-icon ui-icon-arrowthick-2-n-s\"></span>Hat jemand eine Idee warum ich den Fehler produziere ?
Lg
