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

Looking at the guide - Making your own sidebar playlist, question


Hello

I've found this guide (sort of) which looks very interesting to break free from the otherwise static layout as the ordinary side bar
http://support.jwplayer.com/customer/portal/articles/1543546-example-making-your-own-playlist-sidebar

I appreciate the guide explaining each row and function but as for a user like me it feels useless if I do not get to see a full workIng sample code.

Just like this other guide which I also like where you can use simple links to play the video in already existing player window
http://support.jwplayer.com/customer/portal/articles/1480872-example-creating-an-html-playlist
Like the above, the guide also lacks a full code sample. But this guide below, which is quite similar do have a full sample code which I really appreciate.
http://support.jwplayer.com/customer/portal/articles/1439570-example-loading-new-playlists

Does the previous not require a script function to be able to load the new video into the already existing player, as what the latter do?

----------------------------------------------------------------------------------------------

I am not able to test any coding right now.....so, Going back to my original question. :)
The first link I've posted, "making your own playlist side bar" - does it also work on inline playlist?

And now with the new release of 6.9, the YouTube patch is no longer necessary to be able to seamlessly play both YouTube vids and local files in the same playlist ?

Thanks in advance

I am still fighting back and forth wether which playlist type I will use to make it user friendly on all devices - larger desktop screens and smaller mobile screens alike, viewed from a responsive web page design.

My subjective thoughts - cons and pros

MAKING YOUR OWN PLAYLIST SIDE BAR
PROS = it's a playlist. Files are playing next after each other and the playlist layout seems to be HTML customisable
CONS = no indication of what is currently playing from the list. Leaving the playlist on, you will be lost if you want to know what is currently playing.

EXAMPLE CREATING AN HTML PLAYLIST
PROS = format the link to whatever you like. Text or image or both with optional unlimited description text.
CONS = files will not play next after each other.
Side note = I don't understand what it means by adding items on the fly in this example. I see it as only playing new files which are overtaking what is currently playing. Otherwise it would be a cool feature to add new files on the fly and have them play in the added order.

EXAMPLE LOADING NEW PLAYLISTS
PROS = same as above
CONS = same as above
Side note = are there any major differences between this method and the previous? The only difference I can tell is that this one is having both link to file and link to image inside the JavaScript accompanied a JavaScript function which also must be added in order for the link to work.

4 Community Answers

jherrieven

Best Answer 

@siddan.web

I released Listy for JW Player yesterday - a plugin providing feature rich, customisable and editable playlists - which may be of interest to you!

It allows you to detach the playlist from the player and style it as you require - perfect for responsive designs.

It takes care of all the playlist functionality so you can use it with zero additional coding - or you could completely customise it if you wish.

For more details check out: http://powered-by-haiku.co.uk/?p=707

James Herrieven

View in conversation

jherrieven

Best Answer  User  
0 rated :

@siddan.web

I released Listy for JW Player yesterday - a plugin providing feature rich, customisable and editable playlists - which may be of interest to you!

It allows you to detach the playlist from the player and style it as you require - perfect for responsive designs.

It takes care of all the playlist functionality so you can use it with zero additional coding - or you could completely customise it if you wish.

For more details check out: http://powered-by-haiku.co.uk/?p=707

James Herrieven

Ethan Feldman

JW Player Support Agent  
0 rated :

Here is some sample code from the 2nd link:

<div id="container" align="left">​</div> <script type="text/javascript"> jwplayer("container").setup({ file: "http://content.bitsontherun.com/videos/i8oQD9zd-640.mp4", image: "http://content.bitsontherun.com/thumbs/i8oQD9zd-640.jpg", title: "Tears of Steel" }); function playTrailer(key) { jwplayer().load([{ file: "http://content.bitsontherun.com/videos/"+key+"-640.mp4", image: "http://content.bitsontherun.com/thumbs/"+key+"-640.jpg" }]); jwplayer().play(); } </script><div><a href="javascript:playTrailer('i8oQD9zd')"><img alt="" border="0" src="/customer/portal/attachments/256826" /></a> <a href="javascript:playTrailer('3XnJSIm4')"><img alt="" border="0" src="/customer/portal/attachments/256827" /></a> <a href="javascript:playTrailer('bkaovAYt')"><img alt="" border="0" src="/customer/portal/attachments/256828" /></a> <a href="javascript:playTrailer('kaUXWqTZ')"><img alt="" border="0" src="/customer/portal/attachments/256829" /></a></div>

siddan.web

User  
0 rated :

Hi Ethan

Yes ok, that is what I also can see from the source code...

It is a nice alternative if an auto playing playlist is not necessary. Here you have to manualy select each item to play.
The thing is, I cannot get your example to work. Must be something with the function script code because I have another similiar function script code that does not use short key names which is working.


So I guess the example from the first link is not intended to work with inline playlists.



TO jherrieven

Thanks! It looks very great. I will have to try out and see how and if this implementation may suit me

Ethan Feldman

JW Player Support Agent  
0 rated :

Can I see where you tried to get it to work?

This question has received the maximum number of answers.