2015-02-23 124 views
0

我見過有關視頻的解決方案,其中沒有一個能夠工作。我拉入的iframe是房地產的屬性,雖然我的網站是響應iframe不是。我的網站是一個WordPress網站。如何從外部網址響應我的網站製作iframe?

下面是我在的地方,此刻得到了代碼:

.property { 
position: relative; 
    padding-bottom: 75%; 
    height: 0; 
    overflow: hidden; 
} 

.property iframe { 
    position: absolute; 
    top:0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

所以我有一個叫「財產」階級一個div內的iframe。我的理解是,iframe應該用wrapper div'屬性'的寬度來擴展和縮小,但這似乎不是這種情況。如果需要,我很樂意提供網址。

+0

嘗試添加最大寬度後:100%; in「.property iframe」 – 2015-02-23 12:52:45

+0

調整iframe元素本身的大小並不一定意味着它內部的內容會自動執行相同的操作... – CBroe 2015-02-23 12:57:42

+0

沒有,這沒有奏效。 – Graham 2015-02-23 13:17:21

回答

0

Fitvid.js可以使用iframe。 http://fitvidsjs.com/

<script> 
    $(document).ready(function(){ 
    $("#selector").fitVids(); 
    }); 
</script> 

您需要的jQuery這個工作。把它放在你的<head>之後的CSS

+0

謝謝,我不太熟悉JQuery,我正在努力實現這一點。我已經完成了fitvids網站上的筆記,但它不起作用。 – Graham 2015-02-23 14:04:42

+0

你有發展的鏈接嗎?基本上你需要有jQuery,fitvids和fitvids函數調用。 – Ingvi 2015-02-23 14:15:27

+0

請原諒我的新鮮事,我非常感謝你的幫助。我已經下載了fitvids js並上傳到了我的根目錄。我使用了Google的jquery源代碼。我把這個放入我的標題。 Graham 2015-02-23 14:17:26

0

我從來沒有找到解決這個問題的方法,我確定fitvids可以工作,但我不明白JQuery足以實現它。然而,我確實從另一個來源爲iframe選擇了不同的Feed,並且它可以工作(調整大小)。感謝所有的建議。