Fra*_*rzi 5 embed youtube video iframe autoplay
我目前正在使用:
<iframe class="video" src="https://www.youtube.com/embed/VIDEO_ID?loop=1&playlist=VIDEO_ID" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)
以便在网页中包含 YouTube 视频并使其自动循环。
问题是每次视频结束时,它都会重新加载以重新开始。这种行为很烦人,而且还浪费带宽。
有没有办法让它在不刷新的情况下自动重播?就像在视频结束时将视频设置为 00:00 之类的东西,而不是重新加载它。
我也有同样的问题,所以我研究了一种使用 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。
希望这可以帮助。