YouTube Videos

6min

this page / section pertains to brightauthor classic , our legacy app brightauthor\ connected is our latest app for managing content and players development of brightauthor classic has largely ceased and the app will eventually be deprecated and replaced with brightauthor\ connected for brightsign players capable of displaying html5 content, {{brightauthor classic}} can be used to create html5 docid 4tggpysgfv2i18dit81bj content that can play youtube videos to do this, you must construct an embedded player url from the standard youtube url for the page the process is different depending on whether you are playing a single video or a playlist link type to determine if your link is for a single video or a playlist, check the youtube url if it contains list=something , it's a playlist otherwise, it's a single video screenshot 2024 04 19 at 2 53 05 pm png another indicator that it is a playlist is if you can see the playlist name and author listed, and can see shuffle and repeat icons and can add it to the library (see the example image below) screenshot 2024 04 19 at 2 34 26 pm png single video url small png open the youtube video or playlist in a web browser and find the url in the address bar, as shown in image 4, above the base url of the new url you will construct is https //www youtube com/embed/ add the following elements to that base url add the video id from the current url to the end of the new base url this appears after the v= in the current url for the image above, the video id is y1xxnza1yiq add the current video to the end of the base url https //www youtube com/embed/ y1xxnza1yiq add ?playlist= to the url we're constructing https //www youtube com/embed/y1xxnza1yiq ? playlist= add the playlist id, which for a single video, is the video id again https //www youtube com/embed/y1xxnza1yiq?playlist= y1xxnza1yiq add parameters to control the video (for more url parameters, see youtube's player parameters page https //developers google com/youtube/player parameters ) add \&autoplay=1 to automatically start playing the video without interaction https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq \&autoplay=1 add \&rel=0 to the end of the url to eliminate related videos appearing at the end of the video https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1 \&rel=0 the video controls aren't useful in a non interactive situations, so turn them off by adding \&controls=0 to the end https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0 \&controls=0 add \&loop=1 to loop the video when it reaches the end https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0\&controls=0\&showinfo=0 \&loop=1 now add the url we constructed as the url for an html site in file > presentation properties , in the html sites tab (see image 5, below) https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0\&controls=0\&loop=1 add an html5 state with enable external data and enable native video plane playback checked (see image 6, below) note that the player does not know when a youtube video ends, so if you want it to move to the next state after the video 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 video to loop endlessly or just stay "stuck" at the end of the video publish the presentation 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 screenshot 2024 06 25 at 10 54 47 am png screenshot 2024 06 25 at 10 54 58 am png multiple video (playlist) url screenshot 2024 06 25 at 11 13 20 am png open the youtube video or playlist in a web browser and find the url in the address bar, as shown in image 7, above ( https //www youtube com/watch?v=zsqr1hvnude\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02 ) the base url of the new url you will construct is https //www youtube com/embed/ add the following elements to that base url the current video id, which appears after the v= and before the following & in the url add the video id https //www youtube com/embed/ zsqr1hvnude add ?listtype=playlist to the url https //www youtube com/embed/zsqr1hvnude ?listtype=playlist the playlist id which is the list parameter that appears after the list= in the url add the playlist id and \&list= to the url https //www youtube com/embed/zsqr1hvnude ?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02 add parameters to control the video (for more url parameters, see youtube's player parameters page https //developers google com/youtube/player parameters ) add \&autoplay=1 to automatically start playing the video without interaction https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02 \&autoplay=1 add \&rel=0 to the end of the url to eliminate related videos appearing at the end of the video https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1 \&rel=0 add \&controls=0 to turn off video controls as they aren't useful in a non interactive environment https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1\&rel=0 \&controls=0 add \&loop=1 to loop the video when it reaches the end https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1\&rel=0\&controls=0 \&loop=1 add this url as the url for an html site in file > presentation properties in the html sites tab) see image 8 add an html5 state with enable external data and enable native video plane playback checked the player does not know when a youtube playlist ends, so to move to the next state after the playlist is complete, set the time on screen value on a non interactive html5 state or put a timeout event on an interactive html5 state to move to the next item and not have the playlist to loop endlessly or be "stuck" at the end of the last video publish the presentation 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 screenshot 2024 06 25 at 11 43 50 am png additional notes to force subtitles in your youtube video, add \&cc load policy=1 in the url link and disable hwz (disable the enable native video plane playback option in the html5 state) video performance may be reduced not all youtube videos are set to allow embedded playback the content owner has the ability to change that permission