使用Javascript向YouTube iframe元素添加类

我在一个有大量文章的网站上工作。很多人通过YT嵌入代码将一个或多个YouTube视频嵌入其中

因为设计已经改变，以前嵌入的视频的高度和宽度不再与新设计一致。因此，我将使用CSS的iframe定位为以正确的维度显示。这很好，但也有其他iframe对象，例如Soundcloud player，无意中调整了大小。因为YT或SC嵌入代码没有类，所以我不能针对一种嵌入代码，而保持另一种代码不变

---

是否可以使用js将类仅添加到YouTube iframe元素，而保留其他iframe元素的原样？

也许可以使用属性选择器，如下所示：

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

---

也许您可以使用属性选择器，如下所示：

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

---

使用属性选择器可以轻松完成此操作：

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

给你

附加信息

看一看。下面是一个简短的概述：

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

---

使用属性选择器可以轻松完成此操作：

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

给你

附加信息

看一看。下面是一个简短的概述：

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

---

令人惊讶的是，jQuery让事情变得多么简单，让我看起来多么愚蠢。非常感谢你指出这一点！实际上，您根本不需要使用jQuery，属性选择器不仅限于jQuery，而且适用于所有现代甚至不太现代的浏览器。@powerbucket，您是对的。事实上，我链接到的jQuery文档引用了这样一个事实，即它们使用css选择器——css规范还允许通过它们的属性来标识元素。虽然浏览器并不广泛支持为文档设置样式，但这些属性选择器非常有用，jQuery允许我们在使用浏览器时使用它们。。由于jQueryJS和jQuery都有标记，而CSS没有，所以我选择提供一个jQuery示例。我认为这需要javascript或jQuery，但也可以使用CSS选择器。再次感谢！好的，但是应该注意的是，使用纯CSS（它可以在IE7和更高版本中工作）比使用JS快几倍。令人惊讶的是，简单的jQuery让事情变得如此简单，让我看起来多么愚蠢。非常感谢你指出这一点！实际上，您根本不需要使用jQuery，属性选择器不仅限于jQuery，而且适用于所有现代甚至不太现代的浏览器。@powerbucket，您是对的。事实上，我链接到的jQuery文档引用了这样一个事实，即它们使用css选择器——css规范还允许通过它们的属性来标识元素。虽然浏览器并不广泛支持为文档设置样式，但这些属性选择器非常有用，jQuery允许我们在使用浏览器时使用它们。。由于jQueryJS和jQuery都有标记，而CSS没有，所以我选择提供一个jQuery示例。我认为这需要javascript或jQuery，但也可以使用CSS选择器。再次感谢！好的，但应该注意的是，使用纯CSS（它可以在IE7及以上的任何版本中工作）比使用JS快几倍。