Search code examples
iossafari

Hide iOS Safari Native low-power Play Button

When you add the autoplay attribute to a video you will get a native iOS play button on top of the video when low power mode is active.

Is there any way to remove this native button? I've search and found several solution but none seem to do the trick.

It should be possible since the AirPods page has a video on it with the desired effect when low power mode is available: https://www.apple.com/airpods/

I was wondering if someone knows what trick they use to hide the native iOS play button.

Thanks in advance.

I've created this CodePen to experiment in: https://codepen.io/anchorsmith/pen/dyepbrR

Solution

  • Found this sandbox: https://codesandbox.io/s/relaxed-franklin-h2zkhl?file=/src/scripts/index.ts:0-87

    Apparently you can set a setTimeout to autoplay without an autoplay attribute.

    It will throw an error on low power mode, but that can of course be caught.