YouTube 嵌入视频自动循环，无需刷新

Posted 2023-03-13

【中文标题】YouTube 嵌入视频自动循环，无需刷新

【英文标题】：YouTube embed video auto loop without refresh

【发布时间】：2016-07-26 14:48:41

【问题描述】：

我目前正在使用：

<iframe class="video" src="https://www.youtube.com/embed/VIDEO_ID?loop=1&amp;playlist=VIDEO_ID" frameborder="0" allowfullscreen></iframe>

为了在网页中包含 YouTube 视频并自动循环播放。

问题是每次视频结束时，它都会重新加载以重新开始。这种行为很烦人，也很浪费带宽。

有没有办法让它自动重播而不刷新？就像在视频结束时将视频设置为 00:00，而不是重新加载它。

【参考方案1】：

我遇到了同样的问题，因此我研究了一种使用 iFrame（由 YT 推荐）嵌入 YouTube 视频的解决方案，该 iFrame 设置为循环播放而不会出现烦人的刷新状态。

似乎通过 iFrame Player API 以编程方式加载视频解决了我们都遇到的问题。

https://developers.google.com/youtube/iframe_api_reference

此外，还有一个非常不错的开源 jQuery 解决方案，它使用了 iFrame Player API。你可以在这里找到它：

http://rochestb.github.io/jQuery.YoutubeBackground/

如果您使用 jQuery.YoutubeBackground 解决方案在 a 中嵌入视频而不是作为全屏背景，请在 YTPlayer 对象内将 fitToBackground 设置为 false。

希望这会有所帮助。