0

我有一个相当奇怪的问题：是否有可能在我的浏览器中仅打开网站的特定 div 元素？

我想知道的原因是，因为我只想嵌入这个网站的流元素： http ://www.azubu.tv/channel/live_small.do?cn_id=2196420951001

该页面相当新，因此他们还没有提供共享嵌入代码功能，因此我考虑创建一个显示流的 Iframe，如下所示：

<iframe height="433" width="770" frameborder="0" src="http://www.azubu.tv/channel/live_small.do?cn_id=2196420951001"></iframe>

虽然这个 iframe 显示了整个网站，但我只想显示流元素。我检查了侧面的代码，名为“player-wrap”的 div 元素几乎显示了我需要的东西。

有任何想法吗？

4

2 回答 2

2

您最好的选择可能是联系他们并请求嵌入功能。这可能不是他们的首要任务，所以如果你必须这样做，一个可能的解决方法可能是这个（从这里找到的 SO 帖子修改）。

div{
    width: 960px;
    height: 424px;
    overflow: hidden;
}
iframe{
    position: relative;
    top: -300px;
    width:100%;
    height:800px;
}


<div>
    <iframe src="http://www.azubu.tv/channel/live_small.do?cn_id=2196420951001" autoscroll="false"></iframe>
</div>

http://jsfiddle.net/daCrosby/5PMyu/

于 2013-03-13T20:00:44.773 回答
-1

我认为最好的方法是使用 jQuery 的加载函数来返回 iframe。

例如，您的代码将是这样的，它将返回名为 .palyer_wrap 的视频的包装 div 并将其插入 #target-div。

$('#target-div').load('www.azubu.tv/channel/live_small.do?cn_id=2196420951001 .palyer_wrap');
于 2013-03-13T19:41:23.473 回答