如何将带有视频的iframe拉伸到其父级？

Question

使用CSS可以拉伸图像并更改比率以完全覆盖父div。如果父母有响应，图像甚至会调整大小。可以使用视频（iframe）进行此操作吗？

编辑：我想确保我不会得到黑条。 编辑：改变标题，因为此问题涉及视频而重复的答案没有。

Answer 1

是。你可以给iframe和id，并且它们会在你的css文件中降低你的id。 只需输入以下代码：

.theid {
width : 100% ;
height : 100% ;


}

你完成了

Answer 2

嗯..您是否尝试将视频放在div上，并将width=100%应用于视频？

这样的事情：

<div class="parent">
    <iframe class="child"></iframe>
</div>

CSS：

.parent{
    width: 600px //your width here
}
.child{
    width: 100%;
}

Answer 3

您可以添加width =＆＃34; 100％＆＃34;高度=＆＃34; 100％＆＃34;到iframe。这样做会使iframe拉伸父div的长度。