Как отличить iframe Youtube от других iframe на веб-странице?

Question

Я пытаюсь исправить проблему с наложением видео на YouTube iFrame и проблемой Z-Index, для этого я написал скрипт:

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

Написано в coffeescript.
Проблема в том, что скрипт исправляет проблему с наложением, добавляя параметр wmode="transparent" в iframe, но на моей странице есть еще 10 других iframe, т.е. iframes кнопок общего доступа и т. Д., И параметр wmode также присоединяется к ним. Я искал способ, которым я сначала найду iframe youtube, затем добавлю к нему параметр wmode="transparent".
Есть ли способ сделать это ??
Спасибо за ваше время.

Редактировать -
Я видел, что в новых видео на YouTube HTML5 они добавили класс в iframe, вот пример кода:

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

Так что теперь это видео можно легко отличить, но проблема остается той же для старых видео YouTube.

Answer 1

ваш селектор $ ('iframe') может быть сделан более конкретным. Я не уверен, как выглядит HTML, с которым вы работаете, но, например, если iframe, на который вы хотите нацелиться, был в DIV с id = "watch-player", то вы можете использовать:

$('#watch-player iframe')

и будут возвращены только iframes, встречающиеся внутри DIV с id = "watch-player".