Help! Vimeo Control Buttons not working when published in seamless play

bejiga6547

@timk shared a resource on how to control vimeo video in lectora here: https://community.trivantis.com/shared-content/how-to-control-vimeo/

I am trying to work with that, but i am facing a challenge.

When previewed in Lectora or browser: control buttons work OK
When published with Seamless Play disabled: control buttons work OK
But when published with Seamless Play enabled: the control buttons don't work at all.

Please, can anyone help me out with this?

 

I have attached the sample i am working with below.

mnotermans5114

Without seeing your sample...biggest issue with Seamless Play is javascript not being able to access your elements. Somewhere on the forum there is explanation about parts to change. 2 i know by heart..  document ---> getDisplayDocument()

And window -----> should be getDisplayWindow()

bejiga6547

@mnotermans the div content looks like this:

 

<script src="https://player.vimeo.com/api/player.js"></script><script>
var options = {
id: 302022235,
width: 640,
loop: false

};
var player = new Vimeo.Player('playerdiv', options);

</script>

 

 

while the functions on the the buttons look like this:

player.play();

player.pause();

 

I'm wondering how to work around this with your suggestion.

mnotermans5114

Im gonna check that out for you. Basically what Seamless Play does is, creating a iFrame in which all pages are loaded and played. Thus somewhere the play() and pause() functions dont reach the player. I have to check for the correct syntax, but you have to make sure that those functions target the iframe in which seamless play has the course.

mnotermans5114

In the end the only thing you should do is pass the ID of the video to the play function, then it works..
Like this...
player.play("302022235");

Adding the awt..

bejiga6547

Thanks Math.

This works as well when course is viewed on localhost or previewed in lectora.

once published online, it wouldn't.

see hosted example: https://www.skillieo.com/tk/vimeo/