Display YouTube Videos

this page / section pertains to {{brightauthorconnected}} , our latest app for authoring and managing content and players for the legacy {{brightauthor classic}} app, refer to these links brightauthor classic docid\ av0cxmxbpmvcj7er4quvu , brightauthor classic docid\ d4ccoy1cpixccg5squceu , brightauthor classic docid\ yo5o7hck2ydata03vaahd youtube content can be displayed on any brightsign player this is done using an html5 state docid\ akrm58nds bn6ayhwzrax 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 note that not all youtube videos can be embedded, and some aren't in a compatible format for our players 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 open the youtube video or playlist in a web browser and find the url in the address bar as shown in image 4 small png the base url is https //www youtube com/embed/ the following elements will be appended to the base url append the video id from the current url to the base url the video id appears after the v= in the current url for the image above, the video id is y1xxnza1yiq and the link would now be https //www youtube com/embed/ y1xxnza1yiq append ?playlist= to the end of the url for example, the link would now be https //www youtube com/embed/y1xxnza1yiq ?playlist= add the playlist id this is the same as the video id for single (not playlist) videos https //www youtube com/embed/y1xxnza1yiq?playlist= y1xxnza1yiq add parameters to control the video add \&autoplay=1 to automatically start playing the video without interaction https //www youtube com/embed/y1xxnza1yiqplaylist=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 add \&controls=0 to turn off video controls as they aren't useful in a non interactive environment https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0 \&controls=0 add \&showinfo=0 so video info and titles are not displayed https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0\&controls=0 \&showinfo=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 in brightauthor\ connected state properties > source > site source , paste the new url into a html 5 widget as shown in image 5 in state properties > source > options , ensure that enable brightsign javascript objects , enable native video playback , and enable cross domain policy checks are all enabled brightauthor\ connected does not know when a youtube video ends if you want your presentation to move to a different state after the video is complete, make sure that there is a timeout event docid\ p2iapuaxjbslp4ynaqlet set to the html 5 state publish the presentation multiple video (playlist) url open the youtube video or playlist in a web browser and find the url in the address bar, as shown in image 6 screenshot 2024 04 19 at 4 04 46 pm png 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 to the end of the new base url the video id appears after v= and before & in the original url for the image above, this would be https //www youtube com/embed/ zsqr1hvnude add ?listtype=playlist to the url http //www youtube com/embed/zsqr1hvnudek ?listtype=playlist add the playlist id, which appears after the list= in the original url as well as \&list= https //www youtube com/embed/zsqr1hvnude?listtype=playlist \&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02 add parameters to control the video 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 \&showinfo=0 so video info and titles are not displayed https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1\&rel=0\&controls=0 \&showinfo=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\&showinfo=0 \&loop=1 in brightauthor\ connected state properties > source > site source , paste the new url into a html 5 widget as shown in image 5, above in state properties > source > options , ensure that enable brightsign javascript objects , enable native video playback , and enable cross domain policy checks are all enabled brightauthor\ connected does not know when a youtube video ends if you want your presentation to move to a different state after the video is complete, make sure that there is a timeout event docid\ p2iapuaxjbslp4ynaqlet set to the html 5 state publish the presentation other see youtube's player parameters page https //developers google com/youtube/player parameters for more url parameters these steps to create a single or playlist url outline the parameters used for a non interactive display different parameters are needed if you want to display the video interactively