Wordpress 如何在我的站点上从外部url创建iframe?

Wordpress 如何在我的站点上从外部url创建iframe?,wordpress,iframe,Wordpress,Iframe,我见过关于视频的解决方案,但没有一个有效。我正在使用的iframe是针对房地产的,尽管我的站点是响应性的,但iframe不是。我的网站是Wordpress网站 以下是我目前掌握的代码: .property { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .property iframe { position: absolute; top:0; le

我见过关于视频的解决方案,但没有一个有效。我正在使用的iframe是针对房地产的,尽管我的站点是响应性的,但iframe不是。我的网站是Wordpress网站

以下是我目前掌握的代码:

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

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

因此,我将iframe放在一个div中,其中有一个名为“property”的类。我的理解是,iframe应该随着包装器div“property”的宽度而扩展和收缩,但事实似乎并非如此。如果需要,我很乐意提供url。

Fitvid.js可以与iFrame一起使用。


$(文档).ready(函数(){
$(“#选择器”).fitVids();
});

您需要jQuery才能使其工作。在CSS之后,我从未找到我想要的解决方案,我确信fitvids可以工作,但我对JQuery的理解还不够,无法实现它。不过,我确实从另一个源为iframe选择了一个不同的提要,它可以工作(调整大小)。感谢所有建议。

添加最大宽度后再试:100%;在“.property iframe”中,调整iframe元素本身的大小并不一定意味着它内部的内容将自动执行相同的操作…不,这不起作用。谢谢,我对JQuery不是很熟悉,我正在努力实现它。我已经浏览了fitvids网站上的注释,但它不起作用。你有关于你的发展的链接吗?基本上你需要jQuery,fitvids,然后是fitvids函数调用。请原谅我在这方面的新手,我非常感谢你的帮助。我已经下载了fitvids js并上传到我的根目录。我使用了jquery的Google源代码。我把这个放在头上了$(document).ready(function(){//Target your.container、.wrapper、.post等.$(“#与视频有关的东西”).fitVids();});如果这是在线的话会更好。请用代码编辑您的问题。
<script>
  $(document).ready(function(){
    $("#selector").fitVids();
  });
</script>