使用javascript创建一个简单的YouTube视频播放器

Question

我正在尝试使用一些javascript创建一个简单的youtube播放器。示例如下：

http://jsfiddle.net/YX8pQ/6/

我已经使用点击功能切换每个iframe的可见性，使用基本功能（有点）。

但是：

  

  

1. 连续点击每个缩略图时，加载iframe会变得有点儿麻烦;有时你点击的视频不会加载，有时（不知道为什么！）不同的视频加载。

  

2. 点击其他缩略图时，正在播放的视频会继续加载。

  

有更优雅/更健壮的方式吗？这是一个非常简单的功能，但我似乎无法找到一种更好的方法来实现这项功能。

Answer 1

您需要在切换新视频帧之前隐藏前一个视频帧。请参阅更新示例：http://jsfiddle.net/ampersand/YX8pQ/8/

我在每个iframe上创建了一个vidframe类。这在css和jQuery选择器中使用。

Answer 2

我知道您想解决视频播放器遇到的问题，但是如果您重新考虑它，可以使用flowplayer，它很棒，并且还有流媒体：）