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

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
mceclip1.png
 
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

4 Comments

  • 0
    Avatar
    SOJU

    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
  • 0
    Avatar
    Brandon

    @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
  • 0
    Avatar
    Lance

    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
  • 0
    Avatar
    Brandon

    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
Please sign in to leave a comment.
Can't find what you're looking for? Try to
Powered by Zendesk