在 Safari iOS 14.2 上自动播放视频 HTML

Question

我注意到我设置自动播放模式的视频在 Iphone iOS 14.2 上不起作用 在该版本之前一切正常。

有人知道答案以及如何解决这个问题吗？ 也许有办法再次在 Safari (iOS 14.2) 上自动播放视频。

Answer 1

我有一些视频会自动播放，它们在 iOS 14.2 上仍然运行良好。

这是我正在使用的代码，只要它静音就应该可以正常工作。

<video class="video" preload autoplay muted loop playsinline poster="">
   <source src=".mp4" type="video/mp4">
   Sorry, your browser does not support HTML5 video.
</video>

Answer 2

iOS 15 中除了

playsinline

 和 

muted

 之外，还需要设置 

autoplay

。

https://css-tricks.com/what-does-playsinline-mean-in-web-video/

来自Apple的文档：

包含

<video autoplay>

的视频元素在 macOS 和 iOS 上的 Safari 中加载视频时会自动播放，前提是这些元素也包含

playsinline

属性。

默认情况下，仅当视频不包含音轨或者视频元素包含

muted

属性时才会执行自动播放。如果元素获得音轨、在没有用户交互的情况下取消静音，或者视频不再出现在屏幕上（通过 CSS 或由于用户滚动页面），视频播放就会暂停。

Answer 3

iOS Safari 14.2 上的视频自动播放 HTML 仅适用于没有声音或禁用音轨的视频。 尝试 HTML“静音”属性（如果您不需要声音）。

https://caniuse.com/?search=autoplay