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

关键词：

【中文标题】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。

【讨论】：

延迟 Youtube 视频自动播放

】延迟Youtube视频自动播放【英文标题】：DelayYoutubevideoautoplay【发布时间】：2021-07-2416:46:10【问题描述】：我想延迟youtube视频的自动播放。我的视频目前会在页面加载后立即自动播放。这是我正在使用的iframe代码：iframeallow="加... 查看详情

YouTube 自动播放无法正常工作

】YouTube自动播放无法正常工作【英文标题】：YouTubeAutoplaynotworking【发布时间】：2017-04-0218:43:52【问题描述】：我的网站有一个播放器可以播放多个视频。我一直在调整代码以使用YouTube的iframeAPI作为播放器。我无法让视频自动播... 查看详情

为啥我的 YouTube 链接没有在 Chrome 的 iframe 中自动播放？ [复制]

】为啥我的YouTube链接没有在Chrome的iframe中自动播放？[复制]【英文标题】：Whyisn\'tmyYouTubelinkautoplayingwithinaniframeinChrome?[duplicate]为什么我的YouTube链接没有在Chrome的iframe中自动播放？[复制]【发布时间】：2019-12-1906:15:58【问题描述... 查看详情

Safari 移动版 - youtube iframe api - 自动播放

】Safari移动版-youtubeiframeapi-自动播放【英文标题】：Safarimobile-youtubeiframeapi-autoplay【发布时间】：2018-07-1402:11:27【问题描述】：我正在尝试使用YouTubeiframeAPI让Youtube视频在Safari移动设备上自动播放。这是我的代码：<divclass="player... 查看详情

jQuery 在页面加载时播放 iframe 嵌入的 YouTube 视频

】jQuery在页面加载时播放iframe嵌入的YouTube视频【英文标题】：jQueryplayiframeembeddedYouTubevideoonpageload【发布时间】：2018-01-1812:08:10【问题描述】：我想在页面或文档加载时自动播放Iframe嵌入的youtube视频，而不是任何点击事件。我尝... 查看详情

在 IE 中使用 jQuery 删除 iframe 后，Youtube 音频仍在播放

】在IE中使用jQuery删除iframe后，Youtube音频仍在播放【英文标题】：YoutubeaudiostillplayingafterremovingiframewithjQueryinIE【发布时间】：2013-04-2013:09:17【问题描述】：我制作了一个显示Youtube图片的脚本。点击图片后，Youtube视频会自动播放... 查看详情

加载时自动点击 youtube 播放按钮

】加载时自动点击youtube播放按钮【英文标题】：Autoclickyoutubeplaybuttononload【发布时间】：2018-04-1101:49:29【问题描述】：我想在移动设备的页面。我正在使用iframe显示youtube视频。它在桌面上自动播放，但在移动设备上显示播放按... 查看详情

YouTube iframe 播放器的自动播放不适用于 chrome 和 firefox

】YouTubeiframe播放器的自动播放不适用于chrome和firefox【英文标题】：AutoplayofYouTubeIframePlayerisnotworkingonchromeandfirefox【发布时间】：2019-01-2214:48:33【问题描述】：Youtubeiframe自动播放不适用于chrome和视频分辨率设置不适用于所有浏览... 查看详情

带有 AJAX 和自动播放/排队的 Youtube iframe API

】带有AJAX和自动播放/排队的YoutubeiframeAPI【英文标题】：YoutubeiframeAPIwithAJAXandautoplay/queuing【发布时间】：2012-05-1610:08:28【问题描述】：我正在使用YoutubeiframeAPI，我正在尝试实现自动播放和排队、轮询以及开始/停止工作。我刚开... 查看详情

使用 <iframe> Youtube 视频自动播放 - ?autoplay=1 不起作用

】使用<iframe>Youtube视频自动播放-?autoplay=1不起作用【英文标题】：Autoplaywith<iframe>YouTubevideo-?autoplay=1notworking【发布时间】：2013-09-1116:02:54【问题描述】：HowcanIautoplayavideousingthenewembedcodestyleforYoutube?我的代码遵循了这些说... 查看详情

如何在 iframe 中禁用本地视频的自动播放

】如何在iframe中禁用本地视频的自动播放【英文标题】：Howtodisableauto-playforlocalvideoiniframe【发布时间】：2015-11-0412:45:35【问题描述】：当src来自我的本地电脑时，如何禁用视频自动播放？<iframesrc="videos/example.mp4"></iframe>... 查看详情

以模态自动播放youtube视频？（avadawordpress主题）(代码片段)

...个开箱即用的模态元素。我使用iframe代码在模式中嵌入了YouTube视频，并将模式链接到我主页上的“播放”按钮。目前，您必须按“播放”按钮启动弹出窗口（模态），然后再次按播放以开始播放视频。我希望视频在模态窗口中... 查看详情

停止 iFrame 中视频内容的自动播放

...让视频播放器部分在我的页面上可见，就像在iframe中加载Youtube视频一样，只是让视频播放器可见，但我无法让视频停止自动播放。我使用了allow=" 查看详情

当 src 更改时传递 youtube iframe api 事件 onstatechange

】当src更改时传递youtubeiframeapi事件onstatechange【英文标题】：Passyoutubeiframeapieventsonstatechangewhensrcchanges【发布时间】：2015-11-0705:23:37【问题描述】：所以我想我会用一个工作示例来更新它。我已经放弃了声明iframe标签，只是使用if... 查看详情

Youtube iframe“循环”不起作用

】Youtubeiframe“循环”不起作用【英文标题】：Youtubeiframe"loop"doesn\'twork【发布时间】：2014-11-0423:03:54【问题描述】：我尝试使用YouTubeplayerdemo生成视频自动播放和循环播放所需的代码。但只有自动播放有效，它不循环播放... 查看详情

嵌入带有自动播放和无控件的 youtube 视频

】嵌入带有自动播放和无控件的youtube视频【英文标题】：embedyoutubevideowithautoplayandno-controls【发布时间】：2020-05-2822:09:48【问题描述】：我想嵌入一个带有自动播放功能的youtube视频（视频在您打开页面时开始播放）并且控件被抑... 查看详情

最近没有在 UIWebView 上使用 iframe 播放器播放 youtube 剪辑

】最近没有在UIWebView上使用iframe播放器播放youtube剪辑【英文标题】：RecentlynotplayingyoutubeclipwithiframeplayeronUIWebView【发布时间】：2014-04-0104:04:41【问题描述】：我的iOS应用程序使用UIWebView上的youtubeiframe播放器以内联模式播放任何... 查看详情

YouTube Player API 在 iframe 中隐藏播放按钮、图标和视频标题

】YouTubePlayerAPI在iframe中隐藏播放按钮、图标和视频标题【英文标题】：YouTubePlayerAPIhideplaybutton,icons,&videotitleiniframe【发布时间】：2016-10-1721:03:20【问题描述】：我正在使用YouTube视频播放器API在iframe中嵌入YouTube视频。我想隐藏... 查看详情