Help! Vimeo Control Buttons not working when published in seamless play
May 29, 2020 12:00 AM
@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?
undefined
I have attached the sample i am working with below.
Discussion (5)
@mnotermans the div content looks like this:
undefined
var options = {
id: 302022235,
width: 640,
loop: false
};
var player = new Vimeo.Player('playerdiv', options);
undefined
I'm wondering how to work around this with your suggestion.
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 ---undefined should be getDisplayWindow()
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.
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..
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/
undefined
Discussions have been disabled for this post