2013-03-18 110 views
-1

這就是我想要做的。我在頁面上有一堆縮略圖,每個縮略圖鏈接到一個嵌入了YouTube視頻的頁面(所以它就像播放列表)。我認爲只需更換當前的YouTube嵌入代碼,而不是加載全新的頁面。在youtube之間切換嵌入圖像超鏈接點擊?

嵌入的youtube是iframe,所以我需要一種方法,點擊圖片時(我猜javascript可能是onclick的最佳解決方案),然後讓它將當前iframe更改爲其他東西。我可以鏈接到嵌入了YouTube的頁面,但是我希望不需要加載頁面,只需抓住一些html並將其插入iframe位置即可。

任何想法?

+0

變化'上點擊縮略圖iframe的src'。 – Jashwant 2013-03-18 02:48:24

回答

1

您無需使用javascript將某物載入iframe您可以將name屬性添加到iframe,然後將鏈接的target設置爲該名稱。像這樣將工作:

<iframe width="420" height="315" src="http://www.youtube.com/embed/zSgiXGELjbc" frameborder="0" allowfullscreen name="youtube_iframe"></iframe> 
<p><a href="http://www.youtube.com/embed/DZGINaRUEkU" target="youtube_iframe">load another video</a></p> 

在這裏看到一個演示:http://jsfiddle.net/q3Nas/