media complete trigger not working for website video
Sep 13, 2017
Hello, hoping someone might be able to provide a solution or work-around. In Storyline 2, I've embedded a video from Vimeo. The embed code works and the video plays in the slide. I want the user to have to watch the entire video, and then after its done I want them to return to the previous slide automatically. Logically I used the "media complete" trigger, but the trigger settings dialog box is acting really buggy when I try to apply the trigger to the video. The video shows up in the list of objects I can apply the trigger to, and then disappears! Im linking a 15 second screen capture so you can see what I mean. Any help is appreciated.
11 Replies
Nathan, you can only use the media complete trigger with videos that are embedded into the project itself. If you embed them as a web object, like the vimeo video, then you will need to use some javascript to detect when the video ends. Check out my Vimeo demo project here for an example: http://www.andersonelearning.com/Demos/
Michael thanks for the reply. I'm not embedding as a web object, I'm going Insert --> Video from Website. So you're saying that the "media complete" trigger only works with videos from a file?
It is weird though how it does come up in the list and then disappears the second time I do the dropdown....
Yes, I see how Storyline 2 shows that media as an option at first, but then it disappears. I think that's a bug. I don't think it has any way to know that the video inside that iframe has completed unless you use the javascript I mentioned.
Michael, I just looked at your solution and it's perfect. Only thing I'm stumbling on is replacing your web object with my video. I was previously using Insert ---> Website Video, and then pasting the entire iframe tag into the dialog box. To modify your project file to play my video though what would be best...I can right click it and say "edit web object", but when I paste the iframe tag into there it says invalid.
Hello Nathan,
Michael's example has a web object that points to an index.html file.
You can edit the index.html file to point to your vimeo video using notepad.
I have attached the index.html file that I have already updated to point to the Ed Asner video that you showed in your youtube example.
Thanks Russell. Sorry Nathan, I was out of the office this morning and unable to reply. Please let us know if you need any more direction on this.
Russel and Michael, Thanks. Think I'm close but can't get it to work.
I edited the web object in the example project file to point to the index file Russell modified for me. That index file is at Americaisawake.com/vidtest/index.html
The published story is at Americaisawake.com/try/story.html
The project file is at Americaisawake.com/try/video.story
Any guidance is appreciated.
Hello Nathan
The webobject should be pointed to the index.html on your local hard drive and not on the web.
When publishing the course, the index.html file will be included in your project.
I have attached an updated storyline project and the index.html file as a zipped package for you to take a look at.
Thanks for taking the time. Working perfect.
This discussion is closed. You can start a new discussion or contact Articulate Support.