嵌入式 YouTube iframe 不再自动播放
Embedded YouTube iframes No Longer Autoplay
我们的网络应用程序中有许多视频参考,它们将 YouTube 视频延迟加载为嵌入式 iframe。我们希望视频自动播放,这样用户单击一次就足以将 YouTube iframe 加载到页面中并开始播放。就在几个月前,我们已经开始使用此功能,但自动播放不再发生。我知道 2018 年 spring 中的 Google/YouTube 政策更新限制了自动播放;最近有没有我不知道的变化?否则,有谁知道为什么这可能会停止工作?
我已经尝试了可以在网上找到的最新 iframe 示例,其中有几个变体(例如,有和没有 mute=1)。 None 这些似乎有效。
这是我们的 iframe 标记的示例:
<iframe allow="autoplay" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/sapLz6NjvJk?autoplay=1&origin=https://OurWebsiteDomain" title="Bug Week " height="278" data-ytbridge="vidSurrogate2" style="width: 100%;"></iframe>
由于普遍滥用,主要浏览器已禁用这些功能。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
https://blog.mozilla.org/firefox/block-autoplay/
YouTube 在加载时检查它是否有权播放它想要播放视频的方式。只有在获得适当许可的情况下,它才会自动播放。最近 Chrome 和 Firefox 版本的默认设置是只允许视频 - 没有声音。添加 &mute=1
youtube URL 允许(静音)自动播放。如果您不一定需要声音,则此方法有效,如果需要,则必须让用户自己点击播放。
将此应用于您示例中的嵌入:
<iframe allow="autoplay" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/sapLz6NjvJk?autoplay=1&mute=1&origin=https://OurWebsiteDomain" title="Bug Week " height="278" data-ytbridge="vidSurrogate2" style="width: 100%;"></iframe>
我们的网络应用程序中有许多视频参考,它们将 YouTube 视频延迟加载为嵌入式 iframe。我们希望视频自动播放,这样用户单击一次就足以将 YouTube iframe 加载到页面中并开始播放。就在几个月前,我们已经开始使用此功能,但自动播放不再发生。我知道 2018 年 spring 中的 Google/YouTube 政策更新限制了自动播放;最近有没有我不知道的变化?否则,有谁知道为什么这可能会停止工作?
我已经尝试了可以在网上找到的最新 iframe 示例,其中有几个变体(例如,有和没有 mute=1)。 None 这些似乎有效。
这是我们的 iframe 标记的示例:
<iframe allow="autoplay" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/sapLz6NjvJk?autoplay=1&origin=https://OurWebsiteDomain" title="Bug Week " height="278" data-ytbridge="vidSurrogate2" style="width: 100%;"></iframe>
由于普遍滥用,主要浏览器已禁用这些功能。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
https://blog.mozilla.org/firefox/block-autoplay/
YouTube 在加载时检查它是否有权播放它想要播放视频的方式。只有在获得适当许可的情况下,它才会自动播放。最近 Chrome 和 Firefox 版本的默认设置是只允许视频 - 没有声音。添加 &mute=1
youtube URL 允许(静音)自动播放。如果您不一定需要声音,则此方法有效,如果需要,则必须让用户自己点击播放。
将此应用于您示例中的嵌入:
<iframe allow="autoplay" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/sapLz6NjvJk?autoplay=1&mute=1&origin=https://OurWebsiteDomain" title="Bug Week " height="278" data-ytbridge="vidSurrogate2" style="width: 100%;"></iframe>