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