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

【问题标题】：Autoplay iframe YouTube video in Safari 11在 Safari 11 中自动播放 iframe YouTube 视频
【发布时间】：2018-12-17 17:05:51
【问题描述】：

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

用户点击按钮。
模态叠加显示。
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>

【问题讨论】：

标签： javascript youtube youtube-api

【解决方案1】：

Safari 11 现在有disables/blocks autoplay 功能。您必须手动进入 safari 设置和Allow All Auto-Play。

【讨论】：