Используя javascript с jQuery, я добавляю iframe с URL-адресом YouTube для отображения видео на веб-сайте, однако код для встраивания, загружаемый в iframe с YouTube, не имеет wmode = "Opaque", поэтому на странице отображаются модальные поля. под видео на YouTube.
Есть идеи как решить проблему?
Ответы:
Попробуйте добавить
?wmode=opaque
к URL или,&wmode=opaque
если уже есть параметр.Если это не работает, попробуйте вместо этого,
&wmode=transparent
что будет работать и в браузере IE.источник
opaque
аtransparent
.opaque
должен быть более производительным.Попробуйте добавить
?wmode=transparent
в конец URL. Работал на меня.источник
Если вы используете новый асинхронный API, вам нужно добавить параметр следующим образом:
Это основано на документации Google и примере здесь: http://code.google.com/apis/youtube/iframe_api_reference.html
источник
Добавление
?wmode=opaque
URL-адреса, похоже, решает эту проблему для меня, хотя я еще не тестировал его в IE.Для тех из вас, у кого возникли проблемы с ранее предложенным решением, обратите внимание, что начальный амперсанд будет работать только в том случае, если вы уже передаете в URL другие аргументы. Первый аргумент должен иметь начальный знак вопроса:
http://www.example.com?first=foo&second=bar
источник
Добавьте
&wmode=transparent
к URL, и все готово, проверено.Я использую эту технику в своем собственном плагине WordPress шорткод YouTube
Проверьте его исходный код, если у вас возникнут какие-либо проблемы.
источник
Просто совет! - убедитесь, что вы подняли z-индекс элемента, который хотите поместить поверх встроенного видео. Я добавил строку запроса wmode, и она все еще не работала ... пока я не поднял z-индекс другого элемента. :)
источник
&wmode=opaque
не работал для меня (хром 10), но&wmode=transparent
прояснил проблему прямо.источник
Я знаю, что это старый вопрос, но он все еще встречается в списке самых популярных запросов на эту проблему, поэтому я добавляю новый ответ, чтобы помочь тем, кто ищет один для IE:
Добавление
&wmode=opaque
в конец URL не работает в IE 10 ...Тем
?wmode=opaque
не менее, добавление делает свое дело!Нашел это решение здесь: http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements
источник
&
и?
оба являются правильными в зависимости от того, в каком порядке они используются и какие другие параметры включены в URL. Очевидно?
, используется, если это первый (или единственный) параметр, в&
противном случае.недавно я увидел, что иногда флеш-плеер не распознает
&wmode=opaque
, если вы&WMode=opaque
тоже должны пройти (обратите внимание на верхний регистр).источник