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

时间:2019-03-20 14:32:17

标签: youtube youtube-api youtube-data-api

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

<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>

那是一个单行代码。我将其分为四行,以便于阅读。

2 个答案:

答案 0 :(得分:0)

之前,有人问过有关iframe和循环的类似问题。我是从另一个关于stackoverflow的问题中发现这个问题的,一个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&,请尝试添加此功能。


我从 here

更新

如果您想播放多个视频,则可以轻松完成并嵌入一个   播放列表。您可以在this article处找到操作方法   嵌入播放列表部分。希望这会有所帮助。

答案 1 :(得分:0)

要在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

通过这种方式,您最多可以在同一iframe 1 中包含196或200个视频,一旦到达最终的videoId,它们就会自动播放并循环播放。

这是一个small sample,上面有4个视频。

这是另一个sample with 93 videos on it

如果您选中this playlist,则会看到其中包含1000多个视频-(准确的是1653个视频),但是iframe将阈值重置为196或大约200个视频。


1 当我尝试回答this question in Stack Overflow时,我发现了这个阈值,如果您进入Youtube网站-this playlist,可以自己检查该阈值,并检查是否可以仅显示前200个视频。

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