如何区分Youtube iframe与网页中的其他iframe？

Question

我正在尝试修复YouTube视频iFrame重叠和Z-Index问题，因为我写了这个脚本：

$('iframe').each ->
ifr_source = $(this).attr 'src'
wmode = "wmode=transparent"
if ifr_source.indexOf('?') != -1
$(@).attr 'src', ifr_source + '&' + wmode
else $(@).attr 'src', ifr_source + '?' + wmode

用coffeescript写的。
问题是这样，脚本通过在iframe中添加wmode="transparent"参数来解决叠加问题，但在我的页面中还有10个其他的iframe，即共享按钮等的iframe和wmode参数也是如此。我正在寻找一种方法，我将首先找到youtube的iframe然后添加wmode="transparent"参数。
有什么方法可以做到这一点？<感谢您的时间。

感谢您的时间。

编辑 -
我看到在新的HTML5 YouTube视频中，他们在iframe中添加了类，这里是示例代码：

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"></iframe>

所以现在可以轻松区分这些视频，但旧版YouTube视频的问题仍然存在。

Answer 1

您的$（'iframe'）选择器可以更具体。我不确定你操作的HTML是什么样的，但是例如，如果你想要定位的iframe是在id =“watch-player”的DIV中，那么你可以使用：

$('#watch-player iframe')

并且只会返回ID =“watch-player”的DIV内发生的iframe。