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

bejiga6547
Community Member Posts: 10 ☆ Roadie ☆
@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.
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.
Comments
-
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() -
@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. -
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/
Categories
- 35.8K All Categories
- 108 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 5 The Training Arcade®
- 5 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products