Skip to main content
Karim MK
Known Participant
October 23, 2019
Question

Captivate : Project start , bypass the play button

  • October 23, 2019
  • 2 replies
  • 2758 views

Hi,

 

Is it possible de bypass the "Play" button in the begining of Captivate projects ? I found how to hide the playbar but i didn't find how to bypass the first "Play" button when we launch a project.

Thanks in advance,

Karim

    This topic has been closed for replies.

    2 replies

    Stagprime2687219
    Brainiac
    October 23, 2019

    While it is true that the browsers have implemented some measures to prevent auto play - the big ugly play button you see at the beginning of your project is brought to you courtesy of Adobe. I believe this was implemented to force your learners to interact with the project which will allow any automatic audio or video in your project to function per the browser standard.

     

    The major problem with this is that even projects which have no audio or video in them - and therefore no reason to be blocked from any autoplaying - still have to deal with this issue. This is an unecessary forced nuisance. If you design your projects with a start screen to force interaction anyway - it will never be an issue.

     

    There is a couple ways around it that you may find floating around. If you do have automatically playing audio in your project - the browser will still block it because they force interaction with the project to activate the audio. The workarounds get you past the Adobe play button - but not past the browser block.

     

    Here is what I do to get past the Play button but it has to be done after you publish your project. This works well for desktop and laptop engagement but has mixed results on mobile touch devices. I am still trying to figure out a relatively simple solution to simulate the touch versus a click.

     

    After publish - open the index.html file in your favorite editor.

    Head down to line 96 - add the highlighted text - see pic below.

    Save the changes.

     
     

    Lilybiri
    Brainiac
    October 23, 2019

    Greg, I know you don't create responsive projects. Will this work on mobile devices, also Apple devices?

    Stagprime2687219
    Brainiac
    October 23, 2019

    I have had mixed results on mobile - seems like sometimes it works and other times not.

    The code highlighted above simulates a click on that play button.

    Touch devices seem to not always recognize that. They look for a touch event. But the inconsistency leaves me curious.

    It doesn't break anything - you just still need to tap the button.

    I have not gotten around to trying it yet but was going to try wrapping that command up in a short timeOut to see if we need to wait a bit longer for other components other than the document to be ready. I have found that to be helpful when publishing to Prime LMS and allowing the fluidic player to finish.

     

    I was recently frustrated by this play button when I created an app for Android and published it through phoneGap which worked very well - with the exception of the play button. Not even through a browser - a dedicated app!  I know that Chrome was not blocking that...

     

    I am still trying to figure out some simplified code to simulate a touch on the screens. Once I have a reliable solution - I will be sure to post it.

    Lilybiri
    Brainiac
    October 23, 2019

    The decision to disallowe AutoPlay for HTML output is due to what browsers decided. You may find some hacking, but in many cases it will cause other issues, especially on Apple mobile devices. Try to make the learner experience as agreeable as possible. You find some ideas in this blog post:

    http://blog.lilybiri.com/poster-image-autoplay

     

    Karim MK
    Karim MKAuthor
    Known Participant
    October 23, 2019

    Thank you @Lilybiri

    Lilybiri
    Brainiac
    October 23, 2019

    You're welcome!