如何使用同一页面上的单独链接更改嵌入式视频？

Question

我使用iframe嵌入了一个视频。只是您从YouTube获得的标准代码。

我一直在网上寻找解决方案。那个解决方案是我在嵌入式视频下面有一个表，每个表项都是一个链接。当用户点击链接时，嵌入的视频会更改为该视频。

到目前为止我发现的只是视频播放器需要将.mp4，.ogg，.webm视频存储在托管服务器上。

非常感谢任何代码甚至正确方向上的一点。

Answer 1

以下是我的快速演示，了解您的要求http://jsbin.com/oyuxon/1/edit

一般情况下，我不知道你的播放器如何处理视频URI，所以这只是建议：

• 将视频URI保存在每个data项的li属性中。我不知道为什么你需要一个table，但我认为一个列表在语义上更合适。您也可以修改以使用表格。
• 您使用JavaScript（我使用jQuery）处理每个click元素中的li事件，将此播放器的视频URI替换为此data属性的值li 1}}。

希望这对你有用。