使用外部锚点更改iframe内容?

时间:2014-09-26 16:49:28

标签: html iframe twitch

我试图建立一个媒体中心"对于我所属的流媒体团队而言。我想要一个加载初始流的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>
&#13;
&#13;
&#13;

iframe对我来说还是比较新的,但我通常会通过一个很好的例子快速理解。我至少朝着正确的方向前进了吗?

1 个答案:

答案 0 :(得分: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>
...

等其他流。