In preparation for JW7 I notice that the playlist listbar is being removed.
I have been able to replicate it with HTML in my project with two exceptions, maybe someone can help me,
1) The JW6 listbar scrollbar is nicer than the default browser overflow scrollbars. How can I make something similar.
2) When a playlist item is active how do I make the list item in the HTML in focus and have an over state.
Thank you
You’ll have to create your own external playlist using a similar method to the guide shown on our support site:
http://support.jwplayer.com/customer/portal/articles/1543546-example-making-your-own-playlist-sidebar
-Cooper
I have done that but not sure how to make the focus move to the active item that is playing
Please help me style the current playing style. Thsi is my code in the HTML element and I have a style for the current playing item but the player needs to call the style somehow
jwplayer().onReady(function(){
var myVideos = jwplayer().getPlaylist();
for (var i = 0; i < myVideos.length; i++) {
document.getElementById('sidebar').innerHTML += '<div class=sidebar onClick="jwplayer().playlistItem(' + i + ');"><ul><li><h8>' + myVideos[i].title + '</h8><h9> ~ ' + myVideos[i].description + '</h9></li></ul></div>';
}
You’ll have to use onPlaylistItem to listen for item changes, and then add an ‘active’ (with the necessary css defined) class to that playlist row in the event handler.
http://support.jwplayer.com/customer/portal/articles/1413089-javascript-api-reference#playlist
-Cooper
