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

时间:2016-04-06 09:33:13

标签: video iframe youtube embed autoplay

我目前正在使用:

<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 个答案:

答案 0 :(得分:3)

我遇到了同样的问题,因此我研究了使用iFrame(YT推荐)嵌入YouTube视频的解决方案,该视频设置为循环而没有令人讨厌的刷新状态。

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

web chat service

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

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

如果您使用jQuery.YoutubeBackground解决方案将视频嵌入到全屏幕背景中,请在YTPlayer对象中将fitToBackground设置为false。

希望这有帮助。