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

Create a player with a list of videos below it


With my former video serving provider, I could make a playlist that had a player and a list of videos from the playlist below it. When you clicked on a video name in the list, that video would load in the player. I need to recreate this for our mobile app because the player controls are too tiny to utilize the menu icon.

1 Community Answers

James Herrieven

User  
0 rated :

If you are using JW7 you'll need to code this yourself using the JW API.

JW provide a simplistic example of how to do this here, but this doesn't cover all the functionality/interactions you may require:

https://support.jwplayer.com/customer/portal/articles/1543546-example-making-your-own-playlist-sidebar

An alternative to consider is my "Listy for JW Player" plugin which offers much more in terms of expected playlist functionality out-of-the-box:

http://dev.powered-by-haiku.co.uk/solutions/listy/basic.htm

If you are not too into JS coding then you may be interested in another of my solutions - Tatami for Online Video. Here is a snapshot I've created which shows how to build a player with a playlist and listbar without any coding. It's currently set to render using Bitdash, but you can use the toggle at the top right to switch between Bitdash, Flowplayer and JW Player (6 & 7). Click the "play" icon in the Player Setup to preview the setup. Click the "Get Embed Code" to get all the code you need to recreate the setup on any web page:

http://dev.powered-by-haiku.co.uk/solutions/tatami/?share=9VEfblyRwQ

James Herrieven
===================================================
Powered by Haiku
http://powered-by-haiku.co.uk/
---------------------------------------------------
Tatami for Online Video
http://dev.powered-by-haiku.co.uk/solutions/tatami/
---------------------------------------------------
skype: JamesHerrieven
email: james[at]haiku[dot]co[dot]uk
===================================================

This question has received the maximum number of answers.