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.

     
     

    Known Participant
    October 24, 2019

    I tried editing the index file but when I click the Chrome Index button; it just hangs.  

    Stagprime2687219
    Brainiac
    October 24, 2019

    Compare your portion of the code with mine from the picture.

    It looks like you removed three lines.

    We need to insert the three lines of code without removing anything else.

    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!