Проблема с Youtube iframe wmode

Используя javascript с jQuery, я добавляю iframe с URL-адресом youtube для отображения видео на веб-сайте, однако код вставки, который загружается в iframe из youtube, не имеет wmode = «Opaque», поэтому отображаются модальные поля на странице под видео YouTube.

Любые идеи, как решить проблему?

Попробуйте добавить ?wmode=opaque к URL-адресу или &wmode=opaque если уже есть параметр.

Если это не работает, попробуйте это вместо этого, &wmode=transparent которое также будет работать в браузере IE.

Попробуйте добавить ?wmode=transparent в конец URL. Работал для меня.

Если вы используете новый asynchronous API, вам нужно добавить такой параметр:

  // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "http://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an  

Это основано на документации 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- &wmode=transparent и все готово, проверено.

Я использую эту технику в своем собственном плагине WordPress. Shortcode YouTube

Проверьте исходный код, если вы столкнулись с какой-либо проблемой.

Просто подскажите! – убедитесь, что вы указали z-индекс на элемент, который хотите поместить во встроенное видео. Я добавил wyode querystring, и он все еще не работал … пока я не повысил z-индекс другого элемента. 🙂

&wmode=opaque не работает для меня (chrome 10), но &wmode=transparent очистил проблему.

Я знаю, что это старый вопрос, но он по-прежнему подходит к началу поиска этой проблемы, поэтому я добавляю новый ответ, чтобы помочь тем, кто ищет его для IE:

Добавление &wmode=opaque в конец URL-адреса НЕ работает в IE 10 …

Однако добавление ?wmode=opaque делает трюк!


Нашли это решение здесь: http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements

в последнее время я видел, что иногда флеш-плеер не распознает &wmode=opaque , istead вы должны пройти &WMode=opaque тоже (обратите внимание на верхний регистр).

  • UIMoviePlayerControllerDidEnterFullscreenNotification не работает в iOS8
  • YouTube Video Встраивается через iframe Игнорирует z-index?
  • Конвертировать YouTube DASH audio (youtube-dl) в m4a (AAC DL)
  • C # regex для получения идентификатора видео с youtube и vimeo по URL-адресу
  • Принудительное видео HTML5 youtube
  • Как остановить воспроизведение видео на YouTube в Android-браузере?
  • Видео YouTube не воспроизводится в WebView - Android
  • Как заблокировать предлагаемые видео Youtube?
  • Как играть на YouTube на tvOS
  • Как смотреть живой поток YouTube с помощью vlc?
  • Загрузите YouTube через командную строку
  • Давайте будем гением компьютера.