自动播放视频 iPhone 低功耗模式不起作用

我有一个视频，它是我的设计中不可或缺的一部分，并且在低功耗模式下，该视频可以在除 iPhone 之外的所有设备上播放。使用自动播放属性，视频将在大多数浏览器中加载时开始。

<div class="footage">
    <video width="320" height="240" autoplay muted playsinline loop id="videoMob">
        <source src="./img/video.mp4" type="video/mp4">
    </video>
</div>

发现这不起作用后，我决定在 jquery 中添加一个 .ready 函数，该函数在加载时暂停时激活视频播放。令人失望的是，这也不起作用。

$( document ).ready(function() {
    var video = $('#videoMob')[0];
    video.paused ? video.play() : video.pause();
});

请提出任何其他想法？

也遇到过这个，发现iOS使用suspend event (https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/suspend_event https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/suspend_event）在低功耗模式下。该事件实际上是在视频加载了几帧并发出一些加载事件后发生的。

使用这个suspend事件我们能够显示后备 UI。为了安全起见，如果视频再次播放（例如用户交互），我们可以恢复此 UI。

const videoElement = document.getElementById('myVideo');

videoElement.addEventListener('suspend', () => {
  // suspended loading. Show play UI..
});

videoElement.addEventListener('play', () => {
  // remove play UI
});