如何使用同一頁上的單獨鏈接更改嵌入式視頻？

我有一個使用iframe嵌入的視頻。只是你從YouTube獲得的標準代碼。如何使用同一頁上的單獨鏈接更改嵌入式視頻？

我一直在線上尋找解決方案。這個解決方案是我在嵌入式視頻下面有一個表格，每個表格條目都是一個鏈接。當用戶點擊鏈接時，嵌入的視頻會變爲該視頻。

我到目前爲止發現的所有視頻播放器都需要將.mp4，.ogg，.webm視頻存儲在託管服務器上。

任何代碼，甚至在正確的方向點將不勝感激。

來源

2013-01-16 Circinus

這是我對你的要求http://jsbin.com/oyuxon/1/edit

一般快速演示，我不知道你的球員如何處理視頻URI，所以這僅僅是個建議：

保存視頻URI在每個li項目的data屬性中。我不知道你爲什麼需要一個table，但我認爲一個列表更適合語義。您也可以修改以使用表格。
你的JavaScript（我使用jQuery的）來處理每個li元素click事件，該li的data屬性的值替換您的播放器的視頻URI。

希望爲你工作。

來源

2013-01-16 16:04:12

嘿，這是一個很好的幫助！不過，我無法讓播放列表正常工作。即當我點擊列表中的視頻時，沒有任何反應。您編寫的Javascript與Jquery或其實際部分是分開的。我認爲這可能是我出錯的地方。 – Circinus

我寫的腳本與jQuery分開。您需要在我的腳本之前將jQuery libray包含在您的頭腦中。此外，你能告訴我如何讓你的播放器播放指定的視頻嗎？這可能有很大的幫助。 –

嗯，我看到：D這是我正在處理的頁面 http://melrosefilm.com/othercredits 視頻通過表格鏈接此刻。製作標題突出顯示懸停和單擊時將您帶到視頻。如您所知，藉助代碼，我現在可以將它們連接起來，以便上面的視頻只是簡單地改變。只是要弄清楚如何調整它到桌子上：D – Circinus

如何使用同一頁上的單獨鏈接更改嵌入式視頻？

回答

相關問題