SL 360: Embedding youtube videos

Jan 18, 2020

Marty Doupe
By Marty Doupe

Hi,

Trying to embed a youtube video - should be straightforward - but I'm finding it a real head scratcher.

Issue 1:
1. I want the video to autostart when it's loaded. I've tried the autostart=1 (see article below) and a marker/trigger - no glory: Cannot make the youtube video autostart

Issue 2:
In an effort to workaround Issue #1:

1. I've tried 'Insert Video' and using the youtube embed code - and that does work when I publish - the video does appear (but doesn't autostart)

2. However, when I try to Insert/Web Object and simply use the youtube link (not the embed code) as directed in article below - when I publish the object indicates 'youtube refused connection' or I just get a broken link grey screen.

Tried https:. Tried http: No glory. 

Goal: Display a youtube video that autostarts on load. 

https://articulate.com/support/article/How-to-Add-YouTube-Videos-to-Articulate-Storyline-360-Courses

Marty

6 Replies
PJ Connolly
2 years ago01/19/22 at 2:50 am (UTC)
Lauren Connelly

Hello Sharon!

Embedded videos cannot be triggered to autoplay in Storyline. It’s being controlled by the website/video that you are utilizing. Here's more information about adding YouTube videos to Storyline 360.

Then Lauren why do they offer Autoplay up as an option in the above link??? This has been driving me mad.... ARGGGGGG. :(

Is there any way to start a you tube embedded video and commence a timer or something so we can have a move on trigger or something when complete? That's my problem, moving onto the next slide after you tube video ends...

Cheers,
PJ

Maria Costa-Stienstra
2 years ago01/21/22 at 6:11 pm (UTC)

Hi, PJ.

Thank you for reaching out!

I tested this on a few browsers, and it seems the embed code doesn't work due to the browser's accessibility features and updates. It should work if the video is silent or muted (parameter mute=1). 

I'm curious if the following parameter works for you:

allow="autoplay"
PJ Connolly
2 years ago01/24/22 at 12:23 am (UTC)
Maria Costa-Stienstra

Hi, PJ.

Thank you for reaching out!

I tested this on a few browsers, and it seems the embed code doesn't work due to the browser's accessibility features and updates. It should work if the video is silent or muted (parameter mute=1). 

I'm curious if the following parameter works for you:

allow="autoplay"

Let me test that, Maria.......

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

Already got that in my embed code. It seems like everywhere else it's mentioned, ppl are saying it's not possible. Makes it really hard to work with You Tube video timings and endings... :(

[Update] - hold one, when I test the scorm in my LMS it's works even though on Review it didn't autostart??

Maria Costa-Stienstra
2 years ago01/24/22 at 3:59 pm (UTC)

Hi, PJ.

The other piece of the puzzle is that the video can't be placed on the first slide of your project (user interaction is needed before the slide with the Youtube video comes up). I added the code above to the second slide on a sample .story file, and the autoplay worked on some occasions (as I mentioned before, this is browser-dependent):

  • When published for the web, it worked on all browsers tested.
  • When published to Review 360, it worked on Firefox.

Take a look here for additional information:

 I hope this helps!

Sign In to Reply