2015-02-23 98 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,并且它可以工作(调整大小)。感谢所有的建议。