从youtube调整iframe src

Question

如何调整仅包含youtube链接的所有iframe的宽度和高度

<iframe width="420" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/xbGv2T456dfg3">

因为我也有一些iframe的使用，但我只需要调整所有有iftube链接的iframe。

CSS

iframe {width:560px;height:316px;}

需要帮助

Answer 1

使用属性选择器：

iframe[src^=http://www.youtube.com] {
    width:560px;
    height:316px;
}

如果链接可能是https或其他一些变体，您可以使用更自由的*=选择器：

iframe[src*=.youtu] {
    width:560px;
    height:316px;
}