How do I play a YouTube playlist on my player using BrightAuthor?

Brandon March 06, 2021 13:33

Last updated: May 1, 2020

Note: These instructions are for playing a YouTube playlist. If you want to play a single YouTube video, see How do I play a YouTube video on my player? instead.

Don't know if you're on a single video or a playlist? See the main article, How do I display a YouTube video or playlist on my player? for guidance.

EXPERT SUMMARY

Lost or confused by this? Continue reading below for step-by-step instructions.

YouTube playlist URL:

https://www.youtube.com/watch?v=Zsqr1HVnuDE&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02

HTML Site for BrightAuthor:

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1&rel=0&controls=0&loop=1

(Start playing automatically, only show related videos from the same channel, don't show controls, loop the playlist)

STEP-BY-STEP INSTRUCTIONS

1. Open the YouTube playlist in a web browser on your computer. You should be on www.youtube.com

2. Look at the address bar. We need to note the URL we are looking at.

This is a playlist and the URL is

https://www.youtube.com/watch?v=Zsqr1HVnuDE&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02

3. We need to extract a few elements from the URL

First we need the ID of the current video, which is v parameter, which appears after the v= and before the following & in the URL.

https://www.youtube.com/watch?v=Zsqr1HVnuDE&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02

The current video ID here is Zsqr1HVnuDE

4. We also need the ID of the playlist, which is the list parameter that appears after the list= in the URL.

https://www.youtube.com/watch?v=Zsqr1HVnuDE&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02

The playlist ID here is PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02

5. Now we can start constructing the URL we need.

Start with

https://www.youtube.com/embed/

Then add the current video to the end.

https://www.youtube.com/embed/Zsqr1HVnuDE

6. We're adding a playlist, so we add ?listType=playlist to the URL

http://www.youtube.com/embed/Zsqr1HVnuDEk?listType=playlist

7. Next we need to add the playlist, so add &list= to the URL we're constructing.

https://www.youtube.com/embed/Zsqr1HVnuDEk?listType=playlist&list=

8. Then we add the playlist ID.

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02

9. Now we add a series of parameters to control how the video gets displayed. These might be different if you're displaying the video interactively, but we'll assume a non-interactive display for now.
To automatically start playing without interaction, we need to add &autoplay=1

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1

10. Do you want related videos from other channels as suggestions? Probably not! Add &rel=0 to the end.

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1&rel=0

11. The video controls aren't useful in a non-interactive situations, turn them off by adding &controls=0 to the end.

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1&rel=0&controls=0

12. Finally, in most cases you want the playlist to loop when it reaches the end. Add &loop=1 to the end.

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1&rel=0&controls=0&loop=1

13. Now add the URL we constructed into BrightAuthor as the URL for an HTML Site. (File>Presentation Properties, HTML Sites tab)

https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1&rel=0&controls=0&loop=1

14 . Then add an HTML5 State with Enable external data and Enable native video plane playback ticked.
Note that BrightAuthor does not know when a YouTube playlist ends, so if you want it to move to the next state after the playlist is complete, you will need to set the Time on screen value on a non-interactive HTML5 state, or put a Timeout event on an interactive HTML5 state in order to get it to move to the next item if you do not want the playlist to loop endlessly or be "stuck" at the end of the last video.

15 . You're done! Publish the presentation and unless the video is restricted (not all videos can be embedded, and some aren't in a compatible format for our players), your Internet connection is broken, or the player's clock isn't set (prevents HTTPS from working), it should play!

For more URL parameters, see the YouTube's Player Parameters page - https://developers.google.com/youtube/player_parameters

Have more questions? Submit a request

5 Comments

Date Votes

0

SOJU March 12, 2020 03:59

Dear Brandon,

GOOD DAY !

Please find the below link for Bloomberg News channel.

Kindly check the it and let me know, how can i play the video in full screen.

https://youtu.be/dp8PhLsUcFE/embed/?playlist=dp8PhLsUcFE&autoplay=1

Edited by SOJU March 12, 2020 04:02

Comment actions Permalink
0

Brandon March 28, 2020 03:35

@SOJU - your link is incorrect. You need to use www.youtube.com not youtu.be and embed should be before the video ID.

For that particular video, however, embedding is disallowed, so it won't play even with a properly-constructed link

_________________________________________________________________________

Friendly reminder, the community forum is intended for user-to-user discussion. It is not regularly monitored. For troubleshooting problems and to ensure a timely answer from a BrightSign representative, please submit a support ticket.

Edited by Brandon March 31, 2020 17:21

Comment actions Permalink
0

Lance April 30, 2020 23:33

Hi, I cannot get the playlist to move past the 1st video. It shows recommended videos after it ends and just sits there.

I noticed a discrepancy in the instructions above: In the example at the top, it is missing "...listType=playlist&list=..." as described later down the post. Which is correct?

Either way I cannot get it to play past the 1st video.

Edited by Lance April 30, 2020 23:57

Comment actions Permalink
0

Brandon May 01, 2020 16:26

Thanks for pointing that out Lance. The initial "shortcut" URL is indeed incorrect now, I'll fix that in a bit.

The final URL in the instruction steps,
https://www.youtube.com/embed/Zsqr1HVnuDE?listType=playlist&list=PL1QgAgqcnXH_faB-fdX1hYaW1DVoMBC02&autoplay=1&rel=0&controls=0&loop=1
does play through and loop when published.

Are you trying that URL, or something else?

_________________________________________________________________________

Friendly reminder, the community forum is intended for user-to-user discussion. It is not regularly monitored. For troubleshooting problems and to ensure a timely answer from a BrightSign representative, please submit a support ticket.

Edited by Brandon May 01, 2020 16:26

Comment actions Permalink
0

Dillard Hugo March 06, 2021 13:11

Hello :)
I followed tutorial step by step and many thanks for theses good explanations.
I'm stuck because embed action display an error on screen
https://www.youtube.com/embed/TNn_Y758sVE?listType=playlist&list=PL6xOeNhrVj9ubJb-dNd-S_M4G3jRGrsBJ&autoplay=1&rel=0&controls=0&loop=1

and these URL only play the first vidéo + it don't display on full screen :

https://www.youtube.com/watch?v=TNn_Y758sVE?listType=playlist&list=PL6xOeNhrVj9ubJb-dNd-S_M4G3jRGrsBJ&autoplay=1&rel=0&controls=0&loop=1

Please anyone can help me or telling me where i can find help ?
Many thanks,
Hugo.

Edited by Dillard Hugo March 06, 2021 13:33

Comment actions Permalink

Please sign in to leave a comment.