Как запретить встроенным видео перекрывать заголовок с фиксированной позицией

Я встроил несколько видеороликов YouTube на страницу с фиксированным заголовком, и они перекрываются при прокрутке. У меня нет этой проблемы с другим контентом.

Я пробовал zindex, и он не работает с элементами position: fixed. Также я попытался ввести wmode: transparent в тег вставки, и это тоже не сработало.

Любая помощь приветствуется


html css-position
person Jamie Watson    schedule 11.05.2012    source источник
comment
Предоставьте код или ссылку на страницу, где это происходит. Без этого мы не сможем ответить на какие-либо вопросы, так как это может быть связано с тем, как в настоящее время работает ваш сайт.   -  person interfectorem_daemonia    schedule 11.05.2012
comment
Возможно, это дубликат сообщения SO: ‹br /› stackoverflow.com/q/10554540/1195891   -  person arttronics    schedule 13.05.2012
comment
Возможно, это дубликат сообщения SO: stackoverflow.com/q/10554540/1195891/ ›Какая ирония , это было продублировано с помощью процесса проверки человеком.   -  person arttronics    schedule 13.05.2012

Ответы (1)


arrow_upward
7
arrow_downward

Попробуйте добавить &wmode=transparent в конец URL-адресов YouTube. Посмотрим, поможет ли это.

** редактировать:

Используйте ?wmode=transparent или &wmode=transparent (если существующий URL уже имеет параметры имени / значения и уже включает '?'). Если это не устраняет проблему, попробуйте этот код jQuery:

<script>
$(document).ready(function(){
   $('iframe').each(function(){
      var url = $(this).attr("src");
      if(url.indexOf("?")>0){
         $(this).attr("src",url+"&wmode=transparent")
      }else{
         $(this).attr("src",url+"?wmode=transparent")
      }
   });
});
</script>

NB: сценарий jQuery представляет собой слегка измененную версию того, что предлагается на этом веб-сайте: http://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix

person D.B.    schedule 11.05.2012
comment
На этом сайте есть другие предложения: одно - добавить ?wmode=transparent, другое - небольшой скрипт jQuery: ссылка Он ориентирован на встраивание видео YouTube с помощью кода встраивания iframe. - person D.B.; 13.05.2012