我有一个简单的模态对话框:
- 用户单击按钮。
- 模态叠加显示。
- 添加了 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&controls=0&showinfo=0&autoplay=1&enablejsapi=1"></iframe>
Safari 11 现在禁用/阻止自动播放功能。您必须手动转到野生动物园设置并允许所有自动播放。