Autoplay for embedded Youtube videos in Storyline

Feb 21, 2023

Hello, 

I am looking for a solution for Storyline 360 to allow autoplay of an embedded youtube video. 

This training is an existing storyline 360 build which has other embedded youtube videos that I was able to embed the autoplay code about 6 months ago. 

One video within this training needs updated. Unforunately, no matter where I add the autoplay code into the updated video, it will not autoplay when viewing in Reivew 360. 

My web browser settings are not disabling the autoplay function as the other embedded videos are autoplaying when the presentation is reviewed. 

Here is the youtube link: https://www.youtube.com/watch?v=vqIvJT9x9bo  

Any ideas? 

Thank you!

 

10 Replies
Steve Gaynor

I'm having similar issues with autoplay not working either in Review 360 or when I publish my course. The embed code is:

<iframe width="560" height="315" src="https://www.youtube.com/embed/qdkycKlCosQ?si=rw2hrDyt59gesdgN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

Any ideas what I'm missing please?

Will Findlay

Even if you get it autoplay to work for you, sad experience says it isn't going to work for all your users, especially those people using Chrome. Chrome has a feature that disables autoplay, meant to stop ads from autoplaying. 

https://developer.chrome.com/blog/autoplay/

I have learned to accept that autoplay is a hill not worth dying on.

Morgan Johnson

Note that if you are using Chrome, which a lot of folks use, you have to add &mute=1 to the embed code. I just had to dig on this same problem today - Chrome updated their policies. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/vqIvJT9x9bo?&mute=1&autoplay=1" allowfullscreen></iframe>

Note that this does work on Chrome (and you don't need all the other junk they give you in the embed code). To get the ads not to show up, you can add a loop to the video to just keep playing, which I had to do today in Storyline as well. The solution is to add a playlist with the same ID as the video. You can also remove the controls if you like. Here is the code with those components. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/vqIvJT9x9bo?&mute=1&autoplay=1&controls=0&loop=1&playlist=vqIvJT9x9bo" allowfullscreen></iframe>