视频自动播放无法在某些 Safari 浏览器上运行

Question

我的网站上有使用 VideoJS 库自动播放的视频。视频以静音方式播放。视频在我的 iPhone 上的 Safari 浏览器上自动播放正常，但在我的一些朋友的手机上无法播放（与我相同的手机和 iOS 版本）。

抱歉，我没有太多信息，因为我无法在我的设备上复制该问题。我得到的一个线索是，我在有问题的浏览器上看到一个大的播放按钮（第一张图片）。我使用 CSS 以不同的方式设置播放按钮的样式（第二张图片）。

任何线索都会很棒。谢谢！

这是我的视频标签和VideoJS选项：

html:

<video
  playsinline
  muted
>

VideoJS 选项：

{
  autoplay: true,
  controls: false,
  loop: true,
  muted: true,
  preload: 'auto',
};

Answer 1

您是否尝试过以下属性：自动播放、静音和内嵌播放。示例：

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

Answer 2

如果您发现同一 iPhone 型号和 iOS/浏览器版本之间的行为不一致，一种可能的解释是您朋友的手机处于“低功耗模式”或“低数据模式”以节省电池或带宽 - 这些模式是已知会在 Safari 中禁用视频自动播放。

Answer 3

我遇到了同样的问题，但@Ollywood 的答案对我有用。谢谢！