Question

我已经看过关于视频的解决方案，其中没有一个有效。我吸引的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%;
}

所以我在一个div里面有一个名为＆＃39; property＆＃39;的iframe。据我所知，iframe应该扩展和收缩包装div的属性＆＃39;但事实似乎并非如此。如果需要，我很乐意提供网址。

Answer 1

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

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

你需要jQuery才能工作。在CSS

之后将其放在<head>中

Answer 2

我从来没有找到我想要的解决方案，我确定fitvids有效，但我不了解JQuery足以实现它。然而，我确实为来自其他来源的iframe选择了另一个Feed并且它可以正常工作（调整大小）。感谢您的所有建议。

如何在我的网站上响应外部网址制作iframe？

2 个答案: