只在我的瀏覽器中打開一側的特定div

Question

我有一個相當奇怪的問題： 有沒有可能在瀏覽器中打開網站的特定div元素？

爲什麼我想知道的原因是，因爲我想僅嵌入本網站的流元素： http://www.azubu.tv/channel/live_small.do?cn_id=2196420951001

的頁面是相當新的，所以他們不提供共享嵌入代碼的功能呢，therfore我想到了創建一個I幀足見其流，就像這樣：

<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

您的最佳選擇可能是聯繫他們並請求嵌入功能。這可能不是他們的首要任務，所以如果必須的話，可能的解決方法可能是（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/

Answer 2

我認爲最好的方法是使用jQuery的加載函數來返回iframe。

例如，你的代碼將是這將返回被稱爲.palyer_wrap的視頻的包裝div並將其插入＃target-div。

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