有没有办法使用 css 调整 iframe 视频的大小？答案

【问题标题】：Is there a way to resize iframe videos using css?有没有办法使用 css 调整 iframe 视频的大小？
【发布时间】：2012-03-11 06:45:17
【问题描述】：

我有一个包含大约 200 个视频嵌入的博客（主要使用 youtube 嵌入框架）。

我正在将我的 wordpress 主题设计从 640 内容区域切换到 580。所以我希望有一种方法可以使用 css 自动调整视频大小。可能有 200 个视频，我真的希望我'不必手动调整所有它们的大小。

【问题讨论】：

标签： video embed

【解决方案1】：

我将此代码用于博主（解决有关葡萄藤和 Instagram 视频的一些问题）：

.content iframe { width:100%; } 
.post-body iframe[src*=youtube] { width:100%; min-height:100%;}

【讨论】：

【解决方案2】：

这个

iframe {max-height:200px; max-width:305px;}

为我工作

【讨论】：

【解决方案3】：

请发送指向您网站的链接。

编辑：

这将解决问题：

 .content iframe { width:580px; height: 326px; } I

【讨论】：

www.wpdallas.com/test username rick password 123abc 我一直在使用 iframe 嵌入视频，这样我就可以在 youtube 链接的末尾添加“showinfo=0”。我'我试图弄清楚是否有一种方法可以在不使用 iframe 的情况下将 showinfo=0（因此 youtube 标题不显示）添加到链接中。（此外，当您查看该网站时，请查看大约 3 个视频. 我已经手动更正了一些第一个。）谢谢。
尝试添加以下css：.content iframe { width:580px;高度：326px；如果由于某种原因它不起作用，请尝试将其更改为 .content iframe { width:580px !important;高度：326px！重要； }
BAM...我添加了 !important ，它就像一个魅力！谢谢！
嗯。所以现在它不再工作了。奇怪的。你能告诉我现在发生了什么吗？
现在我在这里.. 有什么问题？我在哪里可以看到更改后的页面？