【问题标题】:2020: iOS Safari Video Autoplay Options?2020:iOS Safari 视频自动播放选项?
【发布时间】:2020-07-08 20:14:20
【问题描述】:

到目前为止,我所有的研究和努力在这方面都遇到了困难:目前有没有办法在 iOS 的 Safari 上自动播放视频?

有些人提到了视频转码或使用playsinline(适用于Android),但在iOS / Safari 上没有任何效果。

【问题讨论】:

  • Apple 在大多数情况下(节省电池和带宽)都做得很好,直到用户与元素交互......我想不出一个可靠的工作示例看过一段时间

标签: javascript html ios safari html5-video


【解决方案1】:

我相信以下仍然是 iOS 的现状:

元素现在将遵循 autoplay 属性,用于满足以下条件的元素:

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

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

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

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

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

【讨论】:

    猜你喜欢
    • 2022-01-19
    • 2021-03-06
    • 2019-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多