Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Scroll bar for JW7


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

4 Community Answers

Cooper Reid

JW Player Support Agent  
0 rated :

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

mark

User  
0 rated :

I have done that but not sure how to make the focus move to the active item that is playing

mark

User  
0 rated :

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>';
}

Cooper Reid

JW Player Support Agent  
0 rated :

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

This question has received the maximum number of answers.