在我的浏览器中仅打开一侧的特定 div

Question

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

之所以想知道，是因为我只想嵌入这个网站的stream元素： 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 元素显示了我所需要的。

有什么想法吗？

Answer 1

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

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

$('#target-div').load('www.azubu.tv/channel/live_small.do?cn_id=2196420951001 .palyer_wrap');

Answer 2

您最好的选择可能是联系他们并请求嵌入功能。这可能不是他们的首要任务，所以如果你必须这样做，一个可能的解决方法可能是这个 (modified from the SO post found here)。

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/