如何使用YouTube iframe代码循环播放两个视频



我在网页中使用以下代码成功地自动播放和循环播放一个视频。现在,我想添加另一个视频,基本上是循环播放两个视频。因此,在一个视频播放完毕后,第二个视频将开始播放,然后是第一个视频,依此类推,如此起泡。应该如何修改代码以做到这一点?

<iframe width="560" height="315" src=
"https://www.youtube.com/embed/51xS4yXbryc?
rel=0&version=3&playlist=51xS4yXbryc&loop=1
&autoplay=1" frameborder="0" allowfullscreen=""></iframe>

这是一个单行代码。我把它分成四行,这样更容易阅读。

要在 iframe 中添加多个视频,您可以使用以下代码:

https://www.youtube.com/embed/<VIDEO_ID_1>?rel=0&version=3&playlist=<VIDEO_ID_2>,<VIDEO_ID_3>,<VIDEO_ID_N>&loop=1&autoplay=1

哪里:

  • VIDEO_ID_1:是第一个繁殖的videoId
  • VIDEO_ID_2VIDEO_ID_3VIDEO_ID_N将是您想要包含的videoId

通过这种方式,您最多可以在同一个 iframe1中包含 196 或 200 个视频,一旦达到最终videoId,这些视频将自动播放和循环播放。

这是一个小样本,上面有 4 个视频。

这是另一个包含 93 个视频的示例。

如果您查看此播放列表,您会发现它上面有超过 1000 个视频 -(确切地说是 1653个视频),但是,iframe 将阈值重置为大约 196 或 200 个视频。


1当我尝试在 Stack Overflow 中回答这个问题时,我发现了这个阈值,如果您进入 Youtube 网站 - 此播放列表并检查它是否只会显示前 200 个视频,您可以自己检查它。

这可能是 YouTube 设置(且未记录)的阈值。

之前有人问过关于 iframe 和循环的类似问题。我从堆栈溢出的另一个问题中找到了这一点,youtube链接有一个特殊的参数:自动播放。例如在此链接中

src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1& loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=M7lc1UVf-VE">

尝试添加?&autoplay=1&考虑到这对其他人有用。


我从 这里

更新

如果您想播放多个视频,您可以简单地完成并嵌入一个 播放列表。您可以在本文中找到操作方法,网址为嵌入播放列表部分。希望这有帮助。

相关内容

  • 没有找到相关文章

最新更新