视频自动播放在某些 Safari 浏览器上不起作用答案

【问题标题】：Video autoplay not working on some Safari browsers视频自动播放在某些 Safari 浏览器上不起作用
【发布时间】：2021-10-02 04:38:07
【问题描述】：

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

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

任何线索都会令人惊叹。谢谢！

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

html:

<video
  playsinline
  muted
>

VideoJS 选项：

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

【问题讨论】：

【解决方案1】：

您是否尝试过使用此属性：自动播放、静音和在线播放。示例：

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

【讨论】：