为什么 Firefox 会自动播放不可见的视频？ Chrome 和 Safari 没有

Question

拍摄这样的视频：

  <video autoPlay controls muted preload="metadata" height="100%" width="100%" playsInline>
    <source src="https://video.dailymail.co.uk/video/1418450360/2015/02/1418450360_4056782948001_nerdist--1424015378606.mp4" type="video/mp4" />
    Sorry, your browser doesn't support embedded videos.
  </video>

它具有自动播放、控件、静音、预加载和 playsInline。

在 Chrome 和 Safari 上，视频只有部分内容进入用户视口后才会开始播放。

在 Firefox 上，视频会立即播放，无论它是否在视口中。

为什么？

这是一个演示这一点的codepen。 您必须在各种浏览器上尝试一下才能了解我在说什么。

Answer 1

来自mozilla 的支持：

部分视频可以直接拨打Firefox播放。 它使用内置的 HTML5 视频播放器，结合 Windows 媒体基础（解码 MP4/H.264 视频）。

所以它是默认的 Firefox。我建议你可以停止所有视频（更好的用户体验）并在 JS 可见时开始或将其更改为<iframe>这样 firefox 就不会弄乱它。 支持人员建议您更改隐藏设置，以帮助您控制视频何时开始播放，但这只会影响您的浏览器，不会影响其他浏览器。

仅在可见时使用 JS 的代码解决方案。

Answer 2

1. 尝试隐身模式 · 2. 禁用硬件加速 · 3. 允许网站自动播放视频 · 4. 禁用加载项 · 5. 清除浏览器缓存