Controlling an external streaming video from within Storyline 2

I did something similar with Wistia, but I know very little about javascript so I needed help from a guru. The functions I'm using are 1)detecting the end of the video 2)jumping to points in the video via links from my menu 3)displaying a slider that shows the video progress. I've shared my code in another thread, but it won't be of much help with Vimeo, as it will all be different for that service. You should be able to accomplish anything, as long as the Vimeo API supports those features.

Thanks Mike!  I have been looking into Vimeo's API features.  Do you happen to have the link to the post still?  I'm pretty sure I haven't run across it thus far.

This is all about Wistia, someone else might have some sample code for Vimeo: https://community.articulate.com/discussions/articulate-storyline/detecting-end-of-wistia-video-with-javascript

My concern is knowing what will work with SL2.  If your Wistia code works in Storyline, then I can change it to work for me with Vimeo.  

Great to hear, I hope it helps.

So here's the update.  I met with the company's JS guy, and he helped me with code.  There's even an alert, so the browser is telling us that the video is returning a signal that it is done.  But it is not advancing the slide.  We wonder why Mike used "on" instead of "true."  I am attaching my test file with the code in the embedded video.

So it turns out that this code DOES work, just in Chrome and not IE, which is what most of our employees use.  When I ran the debugger in IE, it came up with a few errors on different slides.  Any ways to make it play nicely with both browsers?

Hi Kathrine,

Did you look at if you're using the Flash or HTML5 output? That may be why it's working in the Chrome set up - as Chrome does support HTML5 output as detailed in our system requirements.  As for why it may not work in Flash in IE - again, I can't assist with the Javascript element so I'd defer to the community for additional info. 

I think I used "on" because I didn't know what the hell I was doing. :)  Regardless, my code did work. I'm looking at your story file now, but some of the js is beyond my capabilities.

I know this is an old thread but your script to trigger an action on video end is exactly what i was looking for. Have had to modify the triggers slightly to how you had it but works a treat, so thank you very much for sharing your (and your JS guy's) solution.

i needed to advance a slide when the embedded video changed, your script changed the variable, but didnt action the trigger to go to the next slide. So what i did was to add 2 cue points to the timeline.

stop the timeline when cue point 1 is reached

restart timeline when variable changes

place cue point 2 next to cue point one, and then jump to next slide when timeline reaches cue point 2.

i tested it very quickly tonight before leaving the office and will run through it again and pray the solution still works when tested properly!!

Thanks Darren for that update as JS stuff is always sought after by the community! 

This support link on Vimeo maybe helpful. It offers a timecode start option for streaming video's by adjusting the Iframe embed code:https://help.vimeo.com/hc/en-us/articles/360000121668-Starting-playback-at-a-specific-timecode 

Although it works fine for starting the video at different points, I've been unable to work out a way to stop the video (via the Iframe) and return to the SL slide. Does anyone know how to do this?