Issue With Next Button And Embedded Video

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

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.

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.

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.

Hello Chase,

Vimeo has an API. In order to use this API, I had to insert your videos as webobjects. When the video completes, a variable is changed from 0 to 1. I have updated your project.

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.

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!

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? 

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!

Awesome - happy to hear it Julie!