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

Question

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

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

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

有人可以帮我吗？

我必须做额外的参数吗？

谢谢你。

Answer 1

这是 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。

Answer 2

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

1. 打开 Chrome 浏览器并输入：chrome://flags/#autoplay-policy
2. 将“自动播放策略”从“默认”更改为“不需要用户手势”
3. 按“重新启动”
4. 重启设备

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