Youtube iframe src autoplay无法在Chrome浏览器中运行

时间:2018-05-11 10:45:49

标签: html iframe youtube youtube-iframe-api

我已将此iframe代码附加到我的普通html页面。在这里我想在页面加载时进行自动播放。我尝试在firefox中为我工作正常。当我加载铬时,它没有得到自动播放。

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

它适用于firefox浏览器。但是当我加载到Chrome浏览器时它无法正常工作。

任何人都可以帮助我吗?

我还需要制作额外的参数吗?

三江源。

2 个答案:

答案 0 :(得分:4)

Chrome开发团队禁用了自动播放功能,以避免因自动播放视频而导致用户受到刺激。您可以通过以下步骤启用它:

  1. 打开Chrome浏览器并输入:chrome:// flags /#autoplay-policy
  2. 将“自动播放政策”从“默认”更改为“无用户手势” 必需的“
  3. 按“重新启动”
  4. 重新启动设备
  5. 从现在开始,autoplay将再次在您的应用中使用的webview组件中运行。

答案 1 :(得分:0)

这是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 秒。
  • 音频必须存在且不能静音。
  • 带有视频的选项卡处于活动状态。
  • 视频尺寸(以px为单位)必须大于200x140。