Использование Javascript для добавления класса в элемент iframe YouTube

Question

Я работаю над сайтом с довольно большим количеством статей.У многих есть одно или несколько видео YouTube, встроенных в них с помощью кода встраивания YT.

Поскольку дизайн изменился, высота и ширина ранее встроенных видео больше не соответствуют новому дизайну.Поэтому я нацеливаю iframe на CSS, чтобы он отображался в правильных размерах.Это работает нормально, но есть и другие объекты iframe (например, Soundcloud player), которые непреднамеренно меняются.Поскольку встраиваемые коды YT или SC не имеют классов, я не могу нацелить один код встраивания и оставить другой нетронутым.

Можно ли использовать js для добавления класса только в iframe YouTubeэлементы, но оставить другие элементы iframe такими, какие они есть?

Answer 1

Вы можете легко сделать это, используя селектор атрибута:

$("iframe[src^='http://www.youtube.com']​​​​​​​​​​​​​​​​").addClass("myClass");

Вот рабочая скрипка для демонстрации .

Дополнительная информация

Взгляните на ссылку на селектор атрибутов jQuery .Вот краткое изложение:

=  is exactly equal
!= is not equal
^= starts with
$= ends with
*= contains

Answer 2

Возможно, вы могли бы использовать селектор атрибута, например так:

iframe[src^="http://www.youtube"]