如何嵌入YouTube视频并排列Vimeo视频以在第一个视频完成时替换它？

Question

具体的视频网站只是例如。但我很好奇，在第一次完成后，如何在同一个网站或其他网站上排列其他视频。基本上是一个专门的播放列表。

给定一段视频链接，如何将它们串在一起制作“播放列表”？

Answer 1

JavaScript是要走的路。当一个视频结束时，JavaScript会更改新嵌入的值。由于Vimeo和YouTube都使用类似的嵌入方法（iframe），它使生活变得更加简单。

当一个视频结束时（更多检测到这篇文章的末尾）使用JavaScript来更改iframe上的SRC属性。您也可以根据需要更改宽度和高度。

例子：

<iframe id="ourVideo" width="400" height="225" src="http://player.vimeo.com/video/28023982?title=0&amp;byline=0&amp;portrait=0" frameborder="0"></iframe> 

然后，在JavaScript

var newHTML = "http://www.youtube.com/embed/ZnehCBoYLbc?rel=0"; 
document.getElementById("ourVideo").setAttribute("src", newHTML); 

我创造了新的HTML一个新的变量，但你可以在任何地方，你想拉这个。像jQuery使用框架，让生活更简单：

$("#ourVideo").attr("src", newHTML); 

如果你想要一个播放列表的功能，我建议填充在JavaScript中的数组，然后通过迭代：

var playlist = [ "http://....1", "http://....2", "http://....3", "http://....4" ]; 

如何知道什么时候改变：

这很棘手。你可以用懒惰的方式做到这一点，它设置一个计时器等于视频的长度（不建议，特别是考虑到加载时间）。另一种方法是使用视频播放器的JavaScript回调。这更复杂，但好得多。这里的回调

的更多信息：

YouTube's JS API Callbacks

Vimeo's