如何在iframe中嵌入自动播放的YouTube视频？

javascript html iframe youtube youtube-api

2022-08-30 00:35:57

我正在尝试嵌入YouTube视频的新iframe版本，并使其自动播放。

据我所知，没有办法通过修改URL的标志来做到这一点。有没有办法通过使用JavaScript和API来做到这一点？

答案 1

这适用于Chrome，但不适用于Firefox 3.6（警告：RickRoll视频）：

<iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>

用于 iframe 嵌入的 JavaScript API 已经存在，但仍作为实验性功能发布。

更新：现在完全支持 iframe API 和“创建 YT.播放器对象 - 示例 2“显示了如何在 JavaScript 中设置”自动播放”。

答案 2

自 2018 年 4 月起，Google 对自动播放政策进行了一些更改。您不仅需要添加为查询参数，还需要添加为 iframe 的属性autoplay=1allow='autoplay'

因此，您必须执行如下操作：

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>