Squ*_*ler 1 javascript youtube iframe jquery soundcloud
我正在一个有相当多文章的网站上工作.很多人通过YT嵌入代码嵌入了一个或多个YouTube视频.
由于设计已经改变,以前嵌入的视频的高度和宽度不再符合新设计.因此,我使用CSS定位iframe以显示正确的尺寸.这工作正常,但也有其他iframe对象(例如Soundcloud播放器)无意中调整大小.由于YT或SC嵌入代码没有类,我无法定位一种嵌入代码,而另一种嵌入代码则不受影响.
是否可以使用js仅将类添加到YouTube iframe元素,但保留其他iframe元素？
您可以使用属性选择器轻松完成此操作:
$("iframe[src^='http://www.youtube.com']????????????????").addClass("myClass");
这是一个工作小提琴演示.
附加信息
看一下jQuery的属性选择器引用.这是一个快速的概述:
= is exactly equal
!= is not equal
^= starts with
$= ends with
*= contains