Forum Discussion
Storyline - Adding a Vimeo Video
Hi all,
I have not used Articulate Storyline for daily instructional design for years, as my role has changed. I am now in need of some knowledge refreshment! I have a video on a secure Vimeo channel. I do have the embed code. I want to create a storyline template that my Admin can use to drop in new videos and publish.
I know how to add the Web Object Vimeo Embed Code, but I'm not sure this is the correct approach. I've been told that some of our end-users don't have a media player installed on their workstations; therefore, we are using Vimeo. If I use the Vimeo Embed code will the video be using the Vimeo player?
Next question, I don't want the users to be able to bypass or fast forward the video. What is the best way to make them stay on the slide until the video ends? I'm leaning towards using a trigger to disable the Next button until Media completes, but I'm thinking this may not work with Web Objects. Any thoughts?
Thanks,
Dana
- The video from vimeo will play through the browser so they don't need an installed media player.
- The trigger to change state won't work because you can't control the vimeo video with triggers. There may be a JavaScript solution but that's something you'd have to figure out outside of Storyline. There may be a way to modify the vimeo player in their settings. You can probably get some help from the vimeo community. I'm sure it's not an uncommon request.
Hi Tom,
Thank you for the response. I am working with our onsite Vimeo expert now to see what he can help me with, but I will definitely reach out to the community if we can't solve the issue. As for now, I'm happy with what I have created, I just need to test it in SuccessFactors LMS to make sure we get the end-user experience we want. Sometimes things work great on the 360 Review site, but not so much in our LMS. :)
Thank you!
Hi Dana any luck on controlling Vimeo with Java inside of Storyline?
Dana we have the same goals and I thought I would share an example of my vimeo so far. I need a way to now pause and the play the video through api vimeo controls
I Frank, in these days I'm facing the same issues. I've tried with your file, and it works, but when I try to use the same code in my file, it doesn't. How is it possible?
Did you find any new solution (as one year has passed since this thread)?Thank you in advance.
Thanks for sharing this, Frank. This is working, but I'm unable to get the next button to appear again upon slide re-entry. Any ideas?
Hi Frank,
I needed a quick solution for this, so I didn't have time to explore the Java option. We decided to disable the "playbar" in Vimeo and then use the embed code. We follow the video with a quiz and attestation. This seems to be achieving our desired results thus far.
We chose to disable the play bar so that the user could not fast forward the video. However, they can click the video to pause it if needed. The slide containing the video has a timeline that is as long as the video.
I hope this helps,
Dana
The major problem with this solution is that a viewer can fast forward the video with the keyboard right arrow key.
Sent from my iPhone
310-483-1500
This transmission is intended only for the proper recipient(s). It is confidential and may contain attorney-client privileged information. If you are not the proper recipient, please notify the sender immediately and delete this message. Any unauthorized review, copying, or use of this message is prohibited.
Hi, Frank.
I just wanted to let you know it looks like your signature with contact information came through when you replied via email. You can remove it by clicking ‘Edit’ below your response. Here’s a quick Peek 360 video if you need help.
The sample .story worked for me, just needed to swap a working video ID in the code for what seemed was a private vid. For my purposes I needed to enable the Next button no matter how the user got there. Could probably piggyback on the ckpt1 that Frank implemented.
var onPlay = function(data) {alert("you are done - finally");SLplayer.SetVar("ckpt1",1); // variable initialized in the Storyline file};player.on('ended', onPlay);
