Storyline and Vimeo

Dec 06, 2019

Izaak Pulham
By Izaak Pulham

Hello!

I am working on a piece of eLearning which has videos hosted on vimeo embedded and then pop up questions at certain points.

Unfortunately Storyline doesn't seem to be able to pick up when the media starts or is paused. In order to make this work I cut the video into multiple videos and added a timer trigger for jumping to the next slide.

It works but the only problem is the timer does not pick up if a user has paused the video! 

If anyone  has any advice on how to make this work I would be most grateful.

Thank you

Izaak Pulham

6 Replies
Izaak Pulham
over 4 years ago12/12/19 at 3:23 pm (UTC)

Hi Russell

I tried the using the trigger video status however it did not pick up the Vimeo video ending.

I have attached a copy of part of the course with different videos attached (I have been asked to not share the videos so have replaced them with 2 vimeo training videos I have created).

If there is any reason that it's not working I would appreciate any advise to make it work.

Thank you

Izaak Pulham 

Russell Killips
over 4 years ago12/12/19 at 5:28 pm (UTC)

Hello Izaak,

You need to create your own WebObject.

Create a folder for your video.

Inside the folder you need an index.html file.

You can create this using notepad.

Add some code to the index.html file.

Then in Storyline, choose the option to insert a Web Object and choose your folder that has the index.html file inside of it.

Here is the code inside of the the index.html file.

<html>
<head>
<style>
html, body {
margin: 0 0 0 0;
overflow:hidden;
}
</style>
</head>
<body>
<iframe src="https://player.vimeo.com/video/379037673" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<script src="https://player.vimeo.com/api/player.js"></script>

<script>
var SLplayer = parent.GetPlayer();
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);

player.on('play', function() {
SLplayer.SetVar("videoStatus","Playing");
});

player.on('pause', function() {
SLplayer.SetVar("videoStatus","Paused");
});

player.on('ended', function() {
SLplayer.SetVar("videoStatus","Ended");
});

</script>
</body>
</html>

 

This discussion is closed. You can start a new discussion or contact Articulate Support.