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

Posted 2023-02-19

【中文标题】在 Safari iOS 14.2 上自动播放视频 HTML

【英文标题】：Autoplay video HTML on Safari iOS 14.2

【发布时间】：2021-03-06 03:59:36

【问题描述】：

我注意到我设置为自动播放模式的视频无法在 Iphone ios 14.2 上播放 在那个版本之前一切正常。

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

【参考方案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>

【讨论】：

自动播放有可能在 iPhone 7 Plus 和 iPhone Xs Max 上工作，而不是？我知道这看起来很奇怪

我认为它应该在所有 iPhone 上都可以正常工作，但这可能是由可访问的运动设置引起的，它可以禁用自动播放。 businessinsider.com/…

是的，我也是这么认为的，但是尽管启用了该选项，但它在 iPhone Xs Max 上不起作用……很奇怪

@adcoding 这对你有用吗？我在 iPhone 7 plus 上遇到了同样的问题。不仅是我的网站，还有一些人想知道这是手机的新设置问题还是我遗漏了什么......

我在 MacOS 11.2.3 上工作，自动播放不起作用，但自动播放可以（测试 Safari 和 Chrome，效果相同）。在 IOS 上它根本不起作用（显示视频的第一帧但不播放）。我复制了完全相同的代码。

【参考方案2】：

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

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

【讨论】：

自动播放有可能在 iPhone 7 Plus 和 iPhone Xs Max 上工作，而不是？我知道这看起来很奇怪

我们在视频标签中使用 mp4，它没有声音并使用 muted="muted"，但在 iOS 15 上，它仍然拒绝使用 Safari 或 Chrome 在 iPhone SE 上播放。虽然它确实可以在 macOS Catalina Mac Mini 桌面 Safari 上播放。

【参考方案3】：

playsinline 在 iOS 15 中除了需要设置 muted 和 autoplay 之外，还需要设置。

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