时间戳

首页 > 解决方案 > 2020：iOS Safari 视频自动播放选项？

javascript - 2020：iOS Safari 视频自动播放选项？

问题描述

到目前为止，我所有的研究和努力在这方面都遇到了困难：目前有什么方法可以在 iOS 的 Safari 上自动播放视频吗？

有些人提到了视频转码或使用playsinline（在 Android 上有效），但在 iOS / Safari 上没有任何效果。

标签： javascripthtmliossafarihtml5-video

解决方案

我相信以下仍然是 iOS 的当前图片：

对于满足以下条件的元素，元素现在将遵循自动播放属性：

  • 如果元素的源媒体不包含音轨，则元素将被允许在没有用户手势的情况下自动播放。
  • 元素也将被允许在没有用户手势的情况下自动播放。
  • 如果元素获得音轨或在没有用户手势的情况下取消静音，则播放将暂停。
  • 元素只有在屏幕上可见时才会开始播放，例如当它们滚动到视口中时，通过 CSS 可见，并插入到 DOM 中。
  • 如果元素变得不可见，例如被滚动出视口，它们将暂停。

来源：https ://webkit.org/blog/6784/new-video-policies-for-ios/

这还要求视频元素具有“playsinline”属性。

所以支持自动播放视频，但它是有限的，因此可能无法满足您的特定需求。

另一个注意事项 - 如果您的用例是用于 Web 视图而不是常规浏览器，那么您将拥有更多控制权。请参阅此处的“wkwebviewconfiguration”文档，特别是“mediaTypesRequiringUserActionForPlayback”：

推荐阅读