在 Safari 11 中自动播放 iframe YouTube 视频



我有一个简单的模态对话框:

  • 用户单击按钮。
  • 模态叠加显示。
  • 添加了 YouTube<iframe>元素。

在大多数浏览器中一切都很好 - 视频开始播放,除了 Safari 11.1。

Safari 浏览器有新的自动播放策略,需要明确的点击和视频元素才能开始播放:https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

有没有办法让它自动播放动态添加的YouTube(或Vimeo(iframe?

示例 YouTube iframe:

<iframe frameborder="0" allowfullscreen="" allow="autoplay; encrypted-media; fullscreen" src="https://www.youtube-nocookie.com/embed/20iMzRklHNU?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1&amp;enablejsapi=1"></iframe>

Safari 11 现在禁用/阻止自动播放功能。您必须手动转到野生动物园设置并允许所有自动播放。

最新更新