Окно авторизации и видео c ютуба.

Блог им. vk883
Здравствуйте всем.

Столкнулся с небольшой проблемой, которая изображена на картинке ниже. Ошибка возникает в IE и Хроме. В Mozilla Firefox все в порядке.



Смысл вот в чем:

— Если код видео с ютуба вставляется старым способом, то окно авторизации находится над ним и все впорядке,

— Если вставляем по-новому, через кнопку видео, то окно показывается под видео.

Проблему пока не решил. Может ли кто-то подсказать что-нибудь по этому поводу?

Заранее спасибо.

11 комментариев

avatar
— Если вставляем по-новому, через кнопку видео, то окно показывается под видео.
Проблему пока не решил. Может ли кто-то подсказать что-нибудь по этому поводу?
вставлять старый ембед код, а не ифреймы.

через ифрейм у видео нет wmode=transparent, что нужно.
avatar
Скажите, а можно добавить wmode=transparent в ифрейм для видео? Я не программист, поэтому не знаю что можно, а что нет.
avatar
только через одно место. уж лучше старый код брать
avatar
Грамотно это реализовать не получится?
avatar
ну как сказать… все видео с ютуба будет загружаться дважды — первый раз по коду который был вставлен, а потом через скрипт с исправлениями.
avatar
Есть пример такой реализации? В идеале сделать бы ка тут — autokadabra.ru/clubs/youtube/shouts И было б все супер.
avatar 

<script>
jQuery (document).ready (function ($) {
  //
  // YouTube iframe fix for Chrome browsers
  //
  $ ("iframe").each (function () {
    var ifr_source = $ (this).attr ('src');
    var wmodeStr = "wmode=transparent";
    if (ifr_source.indexOf ('youtube.com') != -1) {
      if (ifr_source.indexOf ('?') != -1) {
        $ (this).attr ('src', ifr_source + '&' + wmodeStr);
      } else {
        $ (this).attr ('src', ifr_source + '?' + wmodeStr);
      }
    }
  });
});
</script>


вставить в header.tpl, например, после

<body onload="prettyPrint()">


З.Ы. для тех кто не понял что произошло и хочет разобраться — ютуб не добавляет параметр wmode=transparent для ембед кода видео (который само собой находится внутри ифрейма, в странице) и поэтому даже установка значения z-index заоблачных высот не спасает ситуацию — в ФФ все ок, а хром прячет все попапы под флеш.
Но ютуб позволяет устанавливать в ссылке с ифрейм кодом дополнительные параметры к коду видео, и это именно здесь и происходит: выбираем все видео на странице в ифреймах с ютуба, проверяем есть ли там уже какие-то параметры и добавляем в зависимости от этого либо ?wmode=transparent либо &wmode=transparent.
как я и сказал — метод не ахти — видео предзагружаются два раза с ютуба, но по-другому — никак. разве что на сервере все это парсить, так уж лучше браузер этим займется.
avatar
Спасибо за работу. Очень помогли мне!!!
avatar
запустилось?
avatar
Да все в порядке. Теперь, когда нажимаем на ссылку войти, окно отображается как нужно, над видео.
avatar
Не хватает рейтинга, а так бы плюсанул… :)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.