【问题标题】: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 ,它就像一个魅力!谢谢!
        • 嗯。所以现在它不再工作了。奇怪的。你能告诉我现在发生了什么吗?
        • 现在我在这里.. 有什么问题?我在哪里可以看到更改后的页面?
        猜你喜欢
        • 2014-01-21
        • 2012-10-19
        • 2016-07-25
        • 1970-01-01
        • 2021-11-27
        • 2012-04-21
        • 2021-12-27
        • 1970-01-01
        • 2021-08-30
        相关资源
        最近更新 更多