Youtube в iframe на facebook - выпуск Z-index

Question

Я встроил видео Youtube в свое приложение на Facebook, но когда я прокручиваю вниз, видео на YouTube всплывает над панелью facebookmenu. Что выглядит ужасно, см. Скриншот.

На первый взгляд проблема проявляется только в Chrome и Internet Explorer, а не в Firefox. Кажется, это проблема Z-индекса. Я попытался добавить & wmode = Opaque к моему URL-адресу YouTube, но безуспешно.

У кого-то еще была эта проблема? Если так, что ты сделал, чтобы решить это?

Answer 1

Проблема со встроенной рамкой YouTube.Вам нужно добавить это в строку запроса URL для правильной работы:

wmode = transparent

Вы получите что-то вроде этого:

www.youtube.com/ embed / xxxxxxxxx? wmode = transparent & rel = 0

Это исправит проблему с z-индексом для встроенных видео на YouTube, сидящих поверх всех других окон и модалов.

Answer 2

$(document).ready(function(){
    var frames = document.getElementsByTagName("iframe");

    for (var i = 0; i < frames.length; i++) {
         frames[i].src += "?wmode=opaque";
    }
});

Этот код работает для меня.

Answer 3

Я думаю, что это новая ошибка в Facebook, поскольку она происходит со всеми видео-вставками внезапно. Не то, что постеры должны исправлять или подправлять.