HTML5 视频标签突然停止在 Safari 桌面上工作

Question

我已通读并尝试了针对与此问题类似的许多其他类似问题的建议解决方案，但没有任何效果。几个月前，当我最初部署此代码时，它可以在所有浏览器、移动设备和桌面设备上运行。现在，突然之间，Safari 上没有视频渲染（仅限桌面 - 它仍然适用于移动设备）。

<video muted
       playsinline
       disablepictureinpicture
       loop
       class="video"
       preload="metadata">
  <source src="assets/videos/cl.mp4" type="video/mp4"/>
  <source src="assets/videos/cl.mov" type="video/mov"/>
  <p>Your browser does not support HTML5 video.</p>
</video>

不支持的消息不会呈现，但也不会呈现视频。最近 Safari 有什么变化吗？我还需要什么才能让它再次工作？

我试过了：

1. 使用以下命令重新编码 mp4 文件：

ffmpeg -i cl.mp4 -vcodec libx264 -acodec aac -movflags faststart cl-encoded.mp4

1. 添加controls 属性
2. 添加多种来源类型

Answer 1

<video class="video-background" autoplay loop muted playsinline>

当你包含一个 playinline 单词并添加源文件时它可以工作