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

bejiga6547
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.

Comments

  • mnotermans5114
    mnotermans5114 Community Member Posts: 916
    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
    bejiga6547 Community Member Posts: 10 ☆ Roadie ☆
    @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
    mnotermans5114 Community Member Posts: 916
    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
    mnotermans5114 Community Member Posts: 916
    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
    bejiga6547 Community Member Posts: 10 ☆ Roadie ☆
    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/

     
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!