How to remove play icon/button in iOS low power mode

harryklein · April 7, 2018, 3:42pm

Hello I am trying to get rid of the play icon that appears on a video when viewing on a iPhone in low power mode.
I would like to have a clean fallback image instead.

test.hype.zip (695.4 KB)

Daniel · April 7, 2018, 4:40pm

You could detect if it’s actually playing when it should be, and if it’s not, then swap in an Animated GIF instead.

pixelsarts · April 7, 2018, 4:46pm

I’ve tried it on several Apple & Android devices and you can not see the controls on iPad or iPhone or Android, check it here on server.

http://pixelartmediastudio.com/tz/

Try to be a little more specific to see if I can help you.

harryklein · April 7, 2018, 6:24pm

Hi,
You have to turn Low Power Mode “ON” on your iPhone to see the problem. Then you will see the controls on the video.

MarkHunte · April 7, 2018, 7:27pm

This is an iOS button. You will have no control over it but @Daniel 's idea does work

See this example.

test MHv1.hype.zip (697.0 KB)

pixelsarts · April 7, 2018, 7:50pm

Unfortunately, Hype does not have IOS control on the phone. I think the best solution is what Daniel recommends and the example of MarkHunte is a practical application.

harryklein · April 8, 2018, 1:34pm

Hi and thank you all for trying to help me out.
I found this link: https://stackoverflow.com/questions/8911247/hide-iphone-html5-video-play-button
but I haven’t been able to get this to work with my Hype video.

jonathan · April 11, 2018, 4:19am

That’s an interesting link - basically it is a hack using internal implementation details to hide the play button. Unfortunately even the last comment on the solution seems to indicate it does not work with iOS 11.