在节电模式下禁用 iPhone 设备上的视频播放按钮

Question

我试图在电池电量不足或处于省电模式时禁用 iPhone 设备上的视频播放按钮。 即使电池电量不足，我也想自动播放视频。

这就是 iPhone 在节电模式下的样子（iOS 16.2，Chrome 111.0.5563.101）

html 视频标签元素如下所示：

<video autoplay muted playsinline disableRemotePlayback loop>
    <source src="/video/edit.mp4" type="video/mp4"/>
</video>

我已经尝试过使用这个 css 但它似乎不起作用

video::-webkit-media-controls {
    display:none !important;
}

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

对于自动播放，我尝试使用 setTimout 强制播放视频但没有奏效

setTimeout(() => videoElement.play(), 3000)