2014-09-26 90 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> 
... 

等等其他流。