I'm trying to use a video embed codes from YouTube for the first time. I can get the video to work, but need to trigger the video to play when an object is selected on the slide and when the video ends reveal an object.
So I'm guessing your using a web object to show the YouTube video inside storyline. This article will help you learn how to control web object code from YouTube https://articulate.com/support/article/how-to-add-a-youtube-video-sl2 . As embedding YouTube videos no longer works inside storyline 1 or 2 (not sure about 360).
When I follow the instruction on the links I do not find the options listed. I'm using 360 and the embed code is and iframe I think. From what I've seen on the forums the iframe code needs to be amended to make this work.
There should be an option to change how it is played > automatically to > play on trigger. The only issue is if the site you are pulling the video from can overrun any storyline options. So even if you change it to play on trigger and add your own button to play the media. The video may still default to the controls established by the website.
When using a web object that will play independent of the slide, and you won't be able to associate triggers with it (such as to play the web object when the timeline of an object starts). Perhaps instead you could insert the web object on a layer or new slide, and set to show that layer/slide based on when the timeline of the object ends?
The layers option is a great idea, I'll give it a try for starting the video.
The course I'm working on is a compliance course so we need ensure the video plays in full. Is there any way I can trigger the next button from the video completion?
We are exploring this route because we are having problems with videos playing over our network (poor bandwidth in some locations) and the course we are having the issues with has many videos. Is there another way to keep video files very small, I already have compression set to the lowest quality.
Compression would only work with video that you are uploading into your project. So if you are using online video resources compression will not effect the videos. You will still have poor quality if your location has poor internet connection. This is do to the fact that you are trying to view/play videos form other site. While compression works with the videos that you upload directly into the player.
For the next button to come up when the video completes is not really doable as you are going outside the player to view the source. The only option would be to fade the next button/button trigger a few minute after the slide starts.
If you're using the web object video there won't be a way to connect triggers to it. You could look at hiding that layer or advancing to the next slide based on an overall time.
For example, if the video is a minute and 35 seconds long, you could adjust the overall slide timeline to match and then set the trigger "Jump to next slide when the timeline ends". Now if a user paused the video - that'll advance them before their done. So a few things to keep in mind with that set up.
We are encountering buffering in some sites, so using the timeline is unlikely to be successful for the reason you have given.
I'm thinking of using Javascript in the embed code to update a variable when the video completes and passing this variable back to the course and base my trigger on that. I'm not sure this will work with YouTube, but may with other video hosting sites. I would be very interested if any body has managed to do this with Vimeo.
Hi Jeremy, We are trying to do the same thing with some of our courses. We ran across this blog posting that has some great instructions on how to set something like this up for YouTube videos. Not sure if you can apply it to Vimeo ones as well. Hope this helps!
10 Replies
So I'm guessing your using a web object to show the YouTube video inside storyline. This article will help you learn how to control web object code from YouTube https://articulate.com/support/article/how-to-add-a-youtube-video-sl2 . As embedding YouTube videos no longer works inside storyline 1 or 2 (not sure about 360).
This article should help you achieve what you want https://community.articulate.com/series/articulate-storyline-2/articles/editing-web-objects-in-articulate-storyline-2
Hi Jack
Thanks for the quick response.
When I follow the instruction on the links I do not find the options listed. I'm using 360 and the embed code is and iframe I think. From what I've seen on the forums the iframe code needs to be amended to make this work.
Jeremy
There should be an option to change how it is played > automatically to > play on trigger. The only issue is if the site you are pulling the video from can overrun any storyline options. So even if you change it to play on trigger and add your own button to play the media. The video may still default to the controls established by the website.
Hi Jeremy,
When using a web object that will play independent of the slide, and you won't be able to associate triggers with it (such as to play the web object when the timeline of an object starts). Perhaps instead you could insert the web object on a layer or new slide, and set to show that layer/slide based on when the timeline of the object ends?
Hi Jack/Ashley
Thanks for your reply's.
The layers option is a great idea, I'll give it a try for starting the video.
The course I'm working on is a compliance course so we need ensure the video plays in full. Is there any way I can trigger the next button from the video completion?
We are exploring this route because we are having problems with videos playing over our network (poor bandwidth in some locations) and the course we are having the issues with has many videos. Is there another way to keep video files very small, I already have compression set to the lowest quality.
Compression would only work with video that you are uploading into your project. So if you are using online video resources compression will not effect the videos. You will still have poor quality if your location has poor internet connection. This is do to the fact that you are trying to view/play videos form other site. While compression works with the videos that you upload directly into the player.
For the next button to come up when the video completes is not really doable as you are going outside the player to view the source. The only option would be to fade the next button/button trigger a few minute after the slide starts.
Hi Jeremy,
If you're using the web object video there won't be a way to connect triggers to it. You could look at hiding that layer or advancing to the next slide based on an overall time.
For example, if the video is a minute and 35 seconds long, you could adjust the overall slide timeline to match and then set the trigger "Jump to next slide when the timeline ends". Now if a user paused the video - that'll advance them before their done. So a few things to keep in mind with that set up.
Thanks both
We are encountering buffering in some sites, so using the timeline is unlikely to be successful for the reason you have given.
I'm thinking of using Javascript in the embed code to update a variable when the video completes and passing this variable back to the course and base my trigger on that. I'm not sure this will work with YouTube, but may with other video hosting sites. I would be very interested if any body has managed to do this with Vimeo.
Hi Jeremy, We are trying to do the same thing with some of our courses. We ran across this blog posting that has some great instructions on how to set something like this up for YouTube videos. Not sure if you can apply it to Vimeo ones as well. Hope this helps!
http://www.rabbitoreg.com/2016/01/09/full-control-over-youtube-video-in-storyline/
Hi Carrie
Many thanks, this looks like a great place to start. I'm just completing a large project so haven't had the time to give it a try yet.
Jeremy
This discussion is closed. You can start a new discussion or contact Articulate Support.