Autoplay does not work on Mobile Safari in Low Power Mode

For the full reading experience, visit https://wojtek.im/journal/safari-autoplay-not-working-in-low-power-mode. You probably ran into a bug where your video that had muted, loop, playsinline, autoplay properties set was not playing and had a giant play button overlay on it when using Safari.This happens due to Low Power Mode. Apple prevents automatic playback of any video with LPM enabled.Unfortunately there is no way around it other than getting the user to press the native play button or a custom one that calls the play() function on the video element.~ UPDATE ~There is a very clever workaround that is specific to Mobile Safari.Apple has this example documented in their WebKit docs so it shouldn't get patched in the next Safari release. No way to detect LPMiOS does not expose a way to detect if Low Power Mode is enabled to prevent fingerprinting risk when websites track you.However you can specifically target Safari with CSS to show this hacky <picture> element with an MP4 source…