嵌入YouTube IFrame的响应

我嵌入的YouTube影片上的Magento网站下面的链接（Magento的并不重要，除非有我不知道的一个插件）嵌入YouTube IFrame的响应

<iframe width="640" height="360" src="http://www.youtube.com/embed/Zq-805aUM7M?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

我不相信这一段代码很好，因为它没有响应。我该如何解决？

2015-07-19 user829174

只是一个建议：http://getbootstrap.com/components/#responsive-embed 你只需要响应嵌入的CSS。 – nstungcom

尝试这种纯css方式：

iframe, object, embed { 
     max-width: 100%; 
     max-height: 100%; 
}

如果不行试试这个

2015-07-19 15:32:54

我会尝试，请注意，我仍然希望它的宽度=“640”高度=“360”默认的大小开始 – user829174

它将@ user829174让我知道它是否工作 –

yeap，解决了我的问题，谢谢！ – user829174

要特别目标YouTube视频，并嵌入的不是所有的I帧或对象，您可以使用基于src中的字符串的属性选择器。

iframe[src*=youtube] 
{ 
    max-width:100%; 
    height:100%; 
}

这对我的作品，但无论如何，here you can find more solutions附加（具体）情况下

2015-10-13 10:28:54

有大量的提示在Web上提供建议删除“宽度”和“高度”属性，这是不可能的在某些情况下。但是，用户可以覆盖这些属性与CSS

.wrapper { 
    position: relative; 
    height: 0; 
    overflow: hidden; 
    padding-bottom: 56.25%; }

面和iframe：“重要的”

.wrapper iframe[width][height] { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100% !important; 
    height: 100% !important; }

公告的[宽度]和[高度]在CSS选择器和指令 - 这些都是必不可少的覆盖iframe的宽度和高度属性的值。

2016-11-21 13:56:55

回答