Youtube iframe src 自动播放在 Chrome 浏览器中不起作用

Posted 2023-02-24

【中文标题】Youtube iframe src 自动播放在 Chrome 浏览器中不起作用

【英文标题】：Youtube iframe src autoplay not working in chrome browser

【发布时间】：2018-10-21 18:27:53

【问题描述】：

我已将此 iframe 代码附加到我的纯 html 页面。在这里，我想在页面加载时进行自动播放。我在 Firefox 中尝试过它对我来说工作正常。当我在 chrome 中加载时，它没有自动播放。

我的代码是<iframe src="https://www.youtube.com/embed/qsP3Y4hHyeM?autoplay=1"> </iframe>

它适用于 firefox 浏览器。但是当我加载到 chrome 浏览器时它不起作用。

有人能帮帮我吗？

我有什么需要做额外的参数吗？

谢谢。

【参考方案1】：

chrome 开发团队禁用了自动播放功能，以避免由于自动播放视频而引起用户的不适。您可以通过以下步骤启用它：

打开 Chrome 浏览器并输入：chrome://flags/#autoplay-policy 将“自动播放策略”从“默认”更改为“没有用户手势” 必填” 按“重新启动” 重启设备

从现在开始，自动播放功能在您的应用中使用的 webview 组件中再次起作用。

【讨论】：

即使没有自动播放，这是否会以某种方式影响玩家？如果不按上述方式修改设置，我根本无法在我的网站上播放视频。

【参考方案2】：

这是 Chrome 开发团队早在 2018 年推出的一项功能：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

以及相关要求：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#iframe

文章解释了为了使自动播放正常工作，需要哪些条件（关于嵌入式音频/视频内容和用户交互）：

始终允许静音自动播放。

***框架可以将自动播放权限委托给其 iframe 以 允许自动播放声音

<!-- Autoplay is allowed. -->
<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay">

<!-- Autoplay and Fullscreen are allowed. -->
<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay; fullscreen">

在以下情况下允许自动播放声音： 用户与域进行了交互（点击、点击等）。 在移动设备上，用户已[将网站添加到他们的主屏幕]。 在桌面上，用户的媒体参与指数阈值已被超过，这意味着用户之前播放过有声视频。

媒体参与指数 (MEI)

MEI 衡量个人在网站上消费媒体的倾向。 Chrome 当前的方法是每个来源的访问与重要媒体播放事件的比率：

媒体（音频/视频）的消耗必须大于 7 秒。 音频必须存在且未静音。 包含视频的选项卡处于活动状态。 视频大小（以像素为单位）必须大于 200x140。