Issue With Next Button And Embedded Video

In my project, I have two videos that are embedded from the web.

I don't want users to be able to advance to the next slide until the video is finished.

I have created a trigger to disable the next button as soon as the timeline begins and another triggers to normal the next button as soon as the timeline ends.  For some reason, it's not working.  So I tried to disable the next button as soon as the user clicks play on the video and another trigger to normal the next button as soon as the media completes...and that didn't work.

I've attached my project and I am in some desperate need of some help as I'm on a tight timeline to get this completed.

Any help anybody can offer would be appreciated.  Thank you.

12 Replies
Mr C

Hi Chase

The example you provided does not have any triggers set for the videos

My 2 cents:

  • I would put the video on its own slide for better control
  • I have in previous programs removed the next and previous buttons from the video slide and set a new trigger to jump to slide xx when the media completes or when the timeline ends
  • The following slide has a video replay option if the learner needs to re-watch the video it returns to the video slide

Regards

Matthew Bibby
Mr C
  • I have in previous programs removed the next and previous buttons from the video slide and set a new trigger to jump to slide xx when the media completes or when the timeline ends

Just FYI, the media completes trigger won't work with an embedded video. All that Storyline knows is that a web object (i.e. embedded video) has been added to the slide. It doesn't know if that video has been started, if is finished playing or any of that.

Chase, are you able to download the video and insert it directly into Storyline (Insert > Video from File)? If so, then you could use the media completes trigger to jump to the next slide.

Otherwise, if the video is hosted on YouTube you may be able to use the YouTube API and some JavaScript to tell Storyline that the video is finished, but that'll be a bit fiddly to set up. 

Chase Lawrence

The storyline sample I provided yes...it does not have any video triggers any it because I removed them hoping somebody would be able to provide me some insight.

True, just downloading the video and adding it would be easier, however this is a project for the State Government of Washington and any videos embedded into the project are required to have closed captioning.  I use vimeo because the closed captioning works better than YouTube.  Plus, I've never been able to embed a YouTube video inside of Storyline...ever.

Phil Mayor

The youtube API changed and is now incompatible with Storyline. 

The media complete trigger will not work with Vimeo, you could guesstimate the length of the video and lock the slide based on timeline length.

You should be able to use javascript to fire a completion event, not sure if this would work in the iframe inserted via the insert video tab and may need to be a web object.

The only thing I find using these methods is that quite often the code get deprecated and breaks at some point.

 

Chase Lawrence

You are correct, Phil.  The javascript completion event does not work with iframe.  But I was able to find a way to make it work...and it involved one of your suggestions.

I've broken down each video into seconds and adjusted my timeline to match accordingly.  I've created a trigger to disable the next button at the start of the slide and another trigger to enable the next button at the completion of the slide.  Using the timing just right with the timeline itself, I was able to make it work.

Mark Porter

Chase,

I'm in the exact same boat with embedded Vimeo videos. Our problem wasn't getting the button to work, but the fact that the timeline would reset if they exited and they would be forced to watch the whole video again, or at least keep the window open for the whole duration. I didn't use the API, but instead made a Javascript to create a cookie that does the same thing. Check it out if you like.

julie g.

This thread was very helpful! I am trying to achieve something very similar. My users have to watch a video clip in its entirety the first time they watch, they can't skip ahead. When they revisit the slide they have full functionality to fast forward and rewind.I achieved this by blocking the player on the first slide then redirecting them to a hidden slide that just has the video embedded without restrictions. The next trigger from Russell's example (thanks!) but I can't seem to get my trigger to jump to the unrestricted video slide to work. I've attached what I have so far. it would be awesome if I can achieve this restriction without the hidden slide, just using the api, but I don't know how to go about that. Any ideas? Thanks again for the samples, I was wasting a lot of time trying to get the triggers to work with a streaming video!

Ashley Terwilliger-Pollard

Hi Julie,

It doesn't look like you uploaded the .story file - so it's difficult to say what the set up you're using is in terms of the other slide and hidden elements. But if you've enabled the video controls and are looking to lock that down vs. the slide seekbar,  did you look at using a transparent shape over the video controls until the video/slide timeline has completed and then you could hide that shape (change it's state to hidden)? That way the user could see the fast forward but not click on it...and then once the slide has finished they'd have access to it? 

julie g.

Good suggestion with the transparent shape. This thread solved what has been painful problem to solve. By state regulations our students must watch videos in full without fast forwarding the first time, after that they can review with full controls. Using Russell's vimeo api code, I was able to achieve this using triggers while still utilizing the advantages of streaming. Thanks so much!