Youtube iframe api allow="autoplay" Chrome 65

Posted

技术标签:

【中文标题】Youtube iframe api allow="autoplay" Chrome 65【英文标题】: 【发布时间】:2018-06-13 16:22:10 【问题描述】:

当前的 Canary 版本 Chrome 65 正在阻止 iframe 的 youtube 视频自动播放声音。

Chrome 的最新更改要求 iframe 具有 allow="autoplay"

如何将 allow="autoplay" 添加到 youtube iframe api?我在任何文档中都找不到它。

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#iframe

功能策略允许开发人员有选择地启用和禁用各种浏览器功能和 API。一旦源获得了自动播放权限,它就可以将该权限委派给具有自动播放新功能策略的跨源 iframe。请注意,默认情况下,同源 iframe 允许自动播放。

<iframe src="myvideo.html" allow="autoplay">

【问题讨论】:

【参考方案1】:

YouTube IFrame API 最近更新为使用 allow=autoplay 而不是 gesture=media。它现在应该可以按预期工作了。

很抱歉给您带来了困惑。

【讨论】:

感谢修复工作!是否也有支持 Safari 11 的计划? 在 Chome Mac 版本 66.0.3359.181 上,allow=autoplaygesture=media 似乎不再起作用了,不知何故它对我不起作用 @SaeeshTendulkar 我不记得了,因为这对我来说已经很老了。对不起!【参考方案2】:

您只需将其添加到 src URL 中,例如:

autoplay

此参数指定初始视频是否会自动 播放器加载时开始播放。支持的值为 0 或 1。 默认值为 0。

【讨论】:

@nougui 我正在使用 javascript 创建播放器,当我添加 autoplay:1 时,它不会将 allow="autoplay" 添加到嵌入我网站的 iframe 中。 function onYouTubePlayerAPIReady() player = new YT.Player('ytplayer', height: '360', width: '640', videoId: 'M7lc1UVf-VE' autoplay: '1', );

以上是关于Youtube iframe api allow="autoplay" Chrome 65的主要内容,如果未能解决你的问题,请参考以下文章

如何使用React + Typescript嵌入YouTube iframe?

防止iframe滚动捕获youtube iframe嵌入chrome

Youtube iframe API 无法发布消息

如何使用 React + Typescript 嵌入 YouTube iframe?

YouTube iFrame API 行为不一致/不确定

动态创建的 iFrame 上的 YouTube iFrame API