CODEWITHSUNDEEP
phpjavascriptjquery
Francis Alvin Tan
Francis Alvin Tan

Reputation: 1087

adjust only iframe src from youtube

how can I adjust the width and height for all iframe that has only youtube link

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

because I have some the uses iframe also but I only need to adjust all iframe that has a youtube link.

css

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

need help on this

Upvotes: 0

Views: 98

Answers (1)

Joseph Silber
Joseph Silber

Reputation: 220136

Use an attribute selector:

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

If the link might be https, or some other variations, you can use the more liberal *= selector:

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

Upvotes: 1

Related Questions