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

[petern33480613]

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

[Loroz]

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.

[petern33480613]

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

[TLCMediaDesign]

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.

[petern33480613]

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 · Accepted solution]

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();

[petern33480613]

TLC,

Line 46 looks good.

I will test and report back in the next couple of days.

Cheers

Peter.

[petern33480613]

TLC,

Yes, line 46 was the correct line, and the addition of cp.movie.play(); worked perfectly.

I have now added this line to the standard index.html file so that each time I publish the cp.movie.play(); is part of the index.html file.

Thank you for the help, much appreciated.

Peter.

[michaelm71636120]

Hi,

I tried the code suggested by TLC in order to get rid of the Play button. It works fine - however there is no audio anymore on iPad. Others experienced the same issue - seeRe: Autoplay with HTML 5

Does anyone know how to get rid of the play button without encountering audio problems on iPad?

[RodWard]

The audio issue might actually be unrelated.  iPad users have reported audio issues with one or more of the recent iOS 10 versions.  Try updating your iPad iOS to the very latest version of iOS 10 and see if you still have this issue.

[michaelm71636120]

Thanks for your answer! Unfortunately I already have the most recent iOS version (iOS 10.2) and still have this issue.

[TLCMediaDesign]

I have never actually used this to get rid of the play button.

We were testing and it introduced serious issues on iOS and Android. Audio wouldn't play, background image wouldn't load.

I think it would be better to change the play button image to one that has a welcome message or something if the play button is annoying.

[michaelm71636120]

Ok, thank you for trying! It`s a pity that it doesn't work. The main problem is that sometimes in a Captivate course I would like to insert another Captivate project as web object. But if I do so, the user on iOS and Android tablets will have to click that play button every time such a web object is shown (not only at the beginning of the main (exterior) course). This makes the use of Captivate projects as web objects in a Captivate course impractical.