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

IT技术 javascript html iframe youtube youtube-api
2021-01-31 13:05:01

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

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

6个回答

这适用于 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.Player 对象 - 示例 2”展示了如何在 JavaScript 中设置“自动播放”。

我发现在移动设备上（Android 5.0 上的 Webview）onYouTubeIframeAPIReady()没有触发该功能。有人有解决方案吗？
2021-03-14 13:05:01
提示：在移动设备上，由于限制，src 参数和 api 调用可能都不起作用：developers.google.com/youtube/...
2021-03-20 13:05:01
有没有办法在视频开始播放时静音，通过代码，我不想让我的用户用声音感到惊讶
2021-03-22 13:05:01
2021-03-31 13:05:01
您可能还需要： allow="autoplay" 为您的 iFrame
2021-04-04 13:05:01

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

所以你将不得不做这样的事情：

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>
是的，我想向其他人表明，解决方案不仅是 URL 中的参数，而且是额外的参数 :) 也许您应该明确提及。
2021-04-07 13:05:01
autoplay=1 作为参数是不够的（写作时间 7 月 20 日）。我会向 iframe 添加 allow='autoplay' 以使自动播放功能正常工作。
2021-04-09 13:05:01
@Gkiokan 是的，你需要那个。我在片段中有那个:)
2021-04-09 13:05:01

youtube 的嵌入代码默认关闭自动播放。只需autoplay=1在“src”属性的末尾添加。例如：

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>
添加?autoplay=1到 src
2021-03-20 13:05:01
是的，实际上 autoplay=1 而 ？指示 src 可能有颜色、控件等参数，每个参数都用 & 符号分隔。详细说明可以在这里看到developers.google.com/youtube/player_parameters#Parameters
2021-03-27 13:05:01

2018 年 8 月，我没有找到有关 iframe 实现的工作示例。其他问题仅与 Chrome 相关，这有点泄露了它。

您必须将声音静音mute=1才能在 Chrome 上自动播放。FF 和 IE 似乎使用autoplay=1as 参数工作得很好。

<iframe src="//www.youtube.com/embed/{{YOUTUBE-ID}}?autoplay=1&mute=1" name="youtube embed" allow="autoplay; encrypted-media" allowfullscreen></iframe>
非常感谢您的回答，但如何在自动播放视频后取消静音？
2021-03-14 13:05:01
迄今为止最有帮助的答案。说得通。
2021-04-11 13:05:01
关键是不可能以编程方式嵌入视频。要取消静音，用户可以提高播放器的音量。在这一点上，他甚至同意播放音频。
2021-04-12 13:05:01

2014 iframe 嵌入如何嵌入具有自动播放功能的 youtube 视频，并且在剪辑结束时没有建议的视频

rel=0&amp;autoplay

示例如下： .

<iframe width="640" height="360" src="//www.youtube.com/embed/JWgp7Ny3bOo?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>
其它你可能感兴趣的问题
上一篇JavaScript 警告框中的新行 下一篇使用 addEventListener 获取附加到节点的事件侦听器