iframes Youtube, сидящие поверх элемента с фиксированной позицией в Chrome

В хроме youtube iframes плавают поверх моего заголовка с фиксированной позицией. Я пытался установить z-индексы для обоих, но этого не происходит.

Кто-нибудь знает решение для этого?


html iframe css youtube fixed
person Ryan Tuosto    schedule 14.08.2011    source источник
comment
Нашел ответ здесь: stackoverflow.com/questions /3820325/ добавьте ?wmode=opaque к URL-адресу источника iframe   -  person Ryan Tuosto    schedule 14.08.2011
comment
Мне также нужно &rel=0   -  person Tom    schedule 28.08.2013

Ответы (1)


arrow_upward
11
arrow_downward

Когда вы встраиваете iframe YouTube следующим образом:

<iframe width="560" height="315" src="http://www.youtube.com/embed/FSHDDteCBXw" frameborder="0" allowfullscreen></iframe>

По умолчанию wmode заставит видео накладываться на все остальное, решение — просто добавить ?wmode=opaque в конец src="http://www.youtube.com/embed/FSHDDteCBXw"

нравится:

<iframe width="560" height="315" src="http://www.youtube.com/embed/FSHDDteCBXw?wmode=opaque" frameborder="0" allowfullscreen></iframe>
person You knows who    schedule 25.02.2012
comment
это работает в Firefox. но вместо видео он делает плеер полностью черным... - person Jules Colle; 17.02.2013
comment
Если он черный, это, вероятно, потому, что у вас неверный URL. Если уже есть? в URL вы хотите добавить &wmode=opaque вместо ? - person Tom; 28.08.2013