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

Question

我正在尝试使用一些 javascript 创建一个简单的 YouTube 播放器。示例在这里:

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

我已经使用点击功能来切换每个 iframe 的可见性(有点)基本功能。

但是:

1. When clicking each thumbnail in succession, loading the iframes becomes a bit buggy; sometimes the video you click doesn't load, and sometimes (no idea why!) a different video loads.

2. When clicking a different thumbnail, currently-playing videos keep on loading.

是否有更优雅/更稳健的方式来做到这一点？这是一个非常简单的函数，但我似乎想不出更好的方法来实现它。

Answer 1

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

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