让 Safari 浏览器自动播放视频？答案

【问题标题】：Geting Safari browsers to autoplay videos?让 Safari 浏览器自动播放视频？
【发布时间】：2021-03-02 11:29:32
【问题描述】：

我有一个 Rails 5.2.2 应用程序，它显示带有自动播放功能的短视频序列。音轨已从视频中删除。

<body>
  <div>
    <header>
      <video autoplay loop muted playsinline>
        <source src="/assets/.../my_video.mp4" type="video/mp4">
      </video>
    </header>
  </div>
</body>

视频可以很好地从移动设备上的 Chrome、Firefox 和 Safari 自动播放。但在 MacOS Safari 浏览器中则不然。

This previously accepted answer 建议将此视频静音就足够了，但我的情况似乎并非如此。也有人建议middleware change，但答案是 6 岁，并且仅标记为概念验证。

将上面的video标签改为：

<video autoplay loop muted playsinline poster="/assets/.../my_video.mp4">
  ...
</video>

似乎解决了这个问题，但我很难理解为什么，也很难理解我是否真的解决了这个问题。我不明白实际上使视频播放的两个参考文献中的哪一个。谁能解释一下？

【问题讨论】：

标签： ruby-on-rails safari ruby-on-rails-5 html5-video

【解决方案1】：

您的原始 HTML5 看起来不错，下面的测试视频已经过测试并在 MacOS 11.1 和 safari 14.0.2 中自动播放。

<body>
  <div>
    <header>
      <video autoplay loop muted playsinline>
        <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4
" type="video/mp4">
      </video>
    </header>
  </div>
</body>

自动播放规则可能会随着时间而改变，因此值得检查您是否拥有操作系统和 Safari 的最新版本。

如果您的视频仍然无法自动播放，则可能是视频本身存在问题，或者您的框架正在使用最终生成的 HTML5 代码生成代码。如果问题仍然存在，如果可能的话，值得添加视频 div 的最终浏览器源。

【讨论】：