使用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，它的真棒，且具有流也:)