video - 无需刷新的 YouTube 嵌入视频自动循环

Question

我目前正在使用:

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

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

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

有什么方法可以让它在不刷新的情况下自动重播吗？比如在视频结束时将视频设置为 00:00，而不是重新加载它。

Answer 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 解决方案将视频嵌入而不是作为全屏背景，请在 YTPlayer 对象中将 fitToBackground 设置为 false。

希望这对您有所帮助。