Bug 219889 - Unable to hide native video controls when iOS has 'Low Power Mode' enabled and video is set to autoplay
Summary: Unable to hide native video controls when iOS has 'Low Power Mode' enabled an...
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: Safari 14
Hardware: iPhone / iPad iOS 14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-12-15 04:53 PST by Artjom
Modified: 2021-08-20 13:20 PDT (History)
8 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Artjom 2020-12-15 04:53:43 PST 
iOS 14.1, 'Low Power Mode' enabled

<video muted autoplay playsinline></video>

Even though autoplay is set, video still has start/pause button on top of video that disappears after few seconds once playback has started. In the past I had the same issue without low power mode, that was fixed by adding this css:

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

However it doesn't help in this case. I tried targeting many other webkit specific pseudo elements but no luck.

Link with small demo for reproduction: https://codesandbox.io/s/epic-edison-4fw2f?file=/index.html
Comment 1 Radar WebKit Bug Importer 2020-12-22 04:54:13 PST 
<rdar://problem/72584031>
Comment 2 Smoley 2020-12-22 10:37:15 PST 
Thanks for filing, I can reproduce this on iOS 13.6.1 as well as the latest iOS 14.4 beta. Toggling lower power mode and refreshing the test case causes the play button to show and hide.
Comment 3 David Iglesias 2021-07-20 21:07:11 PDT 
This has also been reported by a Flutter Web user:

https://github.com/flutter/flutter/issues/86758

The play button shows up in Low Power Mode, regardless of the "controls" attribute on the video element, it seems.

(I'd expect that if "controls" is not set, no controls would be shown by default by the browser).
Comment 4 Eric Carlson 2021-08-20 13:20:04 PDT 
Autoplay is disabled when in low power mode to conserve battery, so we always show the "play" button for videos with the `autoplay` attribute so it is possible for the user to start them. This was done in https://bugs.webkit.org/show_bug.cgi?id=168985.