Explore the community Forums Lectora Lectora Questions & Answers Help! Vimeo Control Buttons not working when published in seamless play

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #445067 Score: 0
    Profile photo of Bennie Ejiga
    Bennie Ejiga
    Member
    beginner
    intermediate
    friend finder
    wise owl
    contributor
    curious george
    @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.

    • This topic was modified 1 month, 1 week ago by Profile photo of Bennie Ejiga Bennie Ejiga.
    #445093 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    129 pts
    @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()

    This post has received 1 vote up.
    #445099 Score: 0
    Profile photo of Bennie Ejiga
    Bennie Ejiga
    Member
    beginner
    intermediate
    friend finder
    wise owl
    contributor
    curious george
    @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.

    • This reply was modified 1 month, 1 week ago by Profile photo of Bennie Ejiga Bennie Ejiga.
    • This reply was modified 1 month, 1 week ago by Profile photo of Bennie Ejiga Bennie Ejiga.
    #445136 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    129 pts
    @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.

    #445138 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    129 pts
    @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..

    #445141 Score: 0
    Profile photo of Bennie Ejiga
    Bennie Ejiga
    Member
    beginner
    intermediate
    friend finder
    wise owl
    contributor
    curious george
    @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/

     

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.