2014-09-26 162 views
1

我正在嘗試爲我參與的流媒體團隊製作一個「媒體中心」。我想要一個加載初始流的iframe(爲了測試的目的,它是我自己的,但最終會是我們的組頻道),並且當我們在頁面上的用戶名之一被點擊時,我希望它加載到特定的流iframe。使用外部錨更改iframe內容?

我已經嘗試過使用這個到目前爲止,但我相當肯定它會採取更多比HTML拉。

<div> 
 
<iframe name="stream" src="http://www.twitch.tv/marcusraven86/embed" frameborder="0" scrolling="no" height="378" width="620"></iframe> 
 
</div> 
 
<ul> 
 
<li><a href="#" onClick="loadintoIframe('stream,'http://www.twitch.tv/marcusraven86/embed');">MarcusRaven86</a></li> 
 
<li><a href="#" onClick="loadintoIframe('stream,'http://www.twitch.tv/dragonbornmonocle/embed');">DragonbornMonocle</a></li> 
 
<ul>

iframe的還是比較新的給我,但我通常很快與一個很好的例子理解。我是否至少朝着正確的方向前進?

+0

我覺得你錯過了'OnClick'後面的'stream'' – msrd0 2014-09-26 16:56:26

+0

哇,這是一個明顯的錯誤。感謝那。它仍然沒有工作。我點擊兩個流錨之間,沒有任何變化。 – 2014-09-26 16:58:43

+0

你可以更新你的代碼片段以便我們看到嗎?它必須是'onClick ='loadIntoIframe('stream','http://www.twich.tv/ ...')「' - 你的'loadIntoIframe'函數也不是無趣的 – msrd0 2014-09-26 17:00:29

回答

1

我能夠這樣做是爲了賣這個,命名的iframe,然後設置錨源到新的嵌入鏈接和目標到iframe的名字:

<iframe name="stream" src="http://www.twitch.tv/marcusraven86/embed"></iframe> 
<a href="http://www.twitch.tv/dragonbornmonocle/embed" target="stream">DragonbornMonocle</a> 
... 

等等其他流。