Safari iOS 15 视频问题

Question

自从我下载了 iOS 15 以来，我页面上的视频不再有效（在 Safari 中）。我使用以下代码来嵌入视频。

<video id="video" autoplay="true" loop="true" muted="true" playsinline="true">
    <source src="media/video.mp4" type="video/mp4">
</video>

如果我在 Safari 设置中停用“GPU 进程：媒体”，一切都会像以前一样工作。

我是否必须以不同方式嵌入视频？

Answer 1

我对此做了一些实验，发现当我们暂停和播放时视频就会开始工作。

   const rVideo = document.getElementById("videoElement");
    if (rVideo) {
      rVideo.pause();
      rVideo
        .play()
        .then((res) => {
          console.log("playing start", res);
        })
        .catch((err) => {
          console.log("error playing", err);
        });
    }

这不是一个完美的解决方案，而是一个使其发挥作用的解决方法。