Skip to main content
Inspiring
February 12, 2016
Answered

Question CP9 : HTML5 : Apple : Android : How to avoid Play button click / tap ?

  • February 12, 2016
  • 2 replies
  • 1160 views

Hello,

Captivate 9.0.0.223 : HTML5 project.

I apologise for asking this question, it is a bit of an old chestnut about HTML5 in Apple iOS and Android.

I have trawled the internet and forums for a current solution, but can't find anything that works.

The problem is how to avoid the PLAY button, which requires the user to click / tap it, when the project is accessed on an Apple or Android system.

The project is being published on the internet for use on any Windows, Apple or Android device.

I have no control over the internet server or the devices that people will be using, so any changes to server or browser software are out of the question.

I have tried both a plain HTML5 project and a Responsive project, but neither avoid the Play button. I have put a 1 slide example on these links.

http://www.hoffits.com/test_responsive/index.html

http://www.hoffits.com/test_html5/index.html

The bottom line question is: "Is it possible to remove the necessity for the user to click / tap the Play button?"

Thank you.

Peter

Cardiff

Wales

UK

    This topic has been closed for replies.
    Correct answer TLCMediaDesign

    In your normal HTML5 there is a line (I think it is 46) with this code:

    cp.DoCPInit();

    add cp.movie.play(); beneath it.

    so:

    cp.DoCPInit();

    cp.movie.play();

    2 replies

    TLCMediaDesign
    Inspiring
    February 12, 2016

    What have you tried that didn't work? There are some fixes that seem to have worked for some users. You cannot override the button for Video, but CP is not a video.

    Inspiring
    February 12, 2016

    TLC,

    The files I am using are just plain CP, not videos, flash or other animation.

    In the two examples I have just used a single slide using the Captivate defaults to be sure it is not my content that is causing the problem.

    There was some patch to Chrome, but that was for a very old version of Chrome, and I don't want to have to force users into updating their systems.


    I tried turning the Autoplay On / Off, but the user still had to interact at the start of the project.

    I tried to update the index.html file with some code, but there were various examples of the code, none of which matched the code in my default index.html file.

    I also prayed to the Gods and sacrificed a small chicken on the alter of Adobe, but that made a bit of a sticky mess on my desk.

    Any other thoughts would be welcome and appreciated.

    Peter.

    TLCMediaDesign
    TLCMediaDesignCorrect answer
    Inspiring
    February 12, 2016

    In your normal HTML5 there is a line (I think it is 46) with this code:

    cp.DoCPInit();

    add cp.movie.play(); beneath it.

    so:

    cp.DoCPInit();

    cp.movie.play();

    Loroz
    Participant
    February 12, 2016

    Hello,

    No, for IOS it's necessary,

    but you can customize it if you want, just change the file Play_icon after you have published your project

    folder / assets / htmlimages.

    Inspiring
    February 12, 2016

    Loroz,

    Thank you for the information.

    All the information I found also indicated that for Apple devices there is no way to avoid the Play button.

    Do you know whether there is a way to avoid the Play button on Android devices?

    Thank you.

    Peter