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

Fra*_*rzi 5 embed youtube video iframe autoplay

我目前正在使用:

<iframe class="video" src="https://www.youtube.com/embed/VIDEO_ID?loop=1&amp;playlist=VIDEO_ID" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

以便在网页中包含 YouTube 视频并使其自动循环。

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

有没有办法让它在不刷新的情况下自动重播?就像在视频结束时将视频设置为 00:00 之类的东西,而不是重新加载它。

jon*_*ask 3

我也有同样的问题,所以我研究了一种使用 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。

希望这可以帮助。