Youtube iframe wmode sorunu

JQuery ile javascript kullanarak, bir web sitesinde bir video görüntülemek için bir youtube url ile bir iframe ekliyorum ancak youtube iframe yüklenen gömme kodu wmode = "Opak" yok, bu nedenle sayfadaki modal kutuları gösterilir youtube videosunun altında.

Sorunun nasıl çözüleceği hakkında bir fikriniz var mı?

?wmode=opaqueURL'ye veya &wmode=opaquezaten bir parametre varsa eklemeyi deneyin .

Eğer işe yaramazsa bunun yerine &wmode=transparentIE tarayıcıda da çalışacak bunu deneyin .

?wmode=transparentURL'nin sonuna eklemeyi deneyin . Benim için çalıştı.

Yeni eşzamansız API'yı kullanıyorsanız, parametreyi şu şekilde eklemeniz gerekir:

<!-- YOUTUBE -->
// 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 <iframe> (and YouTube player)
//    after the API code downloads.
var player;
var initialVideo = 'ApkM4t9L5jE'; // YOUR YOUTUBE VIDEO ID
function onYouTubePlayerAPIReady() {
    console.log("onYouTubePlayerAPIReady" + initialVideo);
    player = new YT.Player('player', {
      height: '381',
      width: '681',
      wmode: 'transparent', // SECRET SAUCE HERE
      videoId: initialVideo,      
       playerVars: { 'autoplay': 1, 'rel': 0, 'wmode':'transparent' },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
}

Bu, Google dokümanlarına ve buradaki örneğe dayanmaktadır: http://code.google.com/apis/youtube/iframe_api_reference.html

Ekleme ?wmode=opaqueHenüz IE'de test etmedim, ancak URL benim için bu sorunu çözmek gibi görünüyor.

Daha önce önerilen çözümle ilgili sorun yaşayanlarınız için, bir başlangıç ​​işareti ve yalnızca URL'ye başka argümanlar sağlıyorsanız işe yarayacağını unutmayın. İlk argümanın bir başlangıç ​​soru işareti olmalıdır:http://www.example.com?first=foo&second=bar

&wmode=transparentURL'ye ekleyin ve işiniz bitti, test edildi.

Bu tekniği kendi wordpress eklentimde kullanıyorum YouTube kısa kodumda kullanıyorum

Herhangi bir sorunla karşılaşırsanız kaynak kodunu kontrol edin.

Sadece bir ipucu! - gömülü videonun üzerinde olmasını istediğiniz öğenin z dizinini oluşturduğunuzdan emin olun. Wmode querystring ekledim, ve hala işe yaramadı ... diğer öğenin z-endeksi yükseltilene kadar. :)

&wmode=opaquebenim için çalışmadı (krom 10) ama &wmode=transparentsorunu hemen düzeltti.

Bu eski bir soru olduğunu biliyorum, ama yine de bu sorun için en iyi aramalarda geliyor, bu yüzden IE için bir arayanlara yardımcı olmak için yeni bir cevap ekliyorum:

&wmode=opaqueURL'nin sonuna ekleme IE 10'da çalışmaz ...

Ancak, ekleme ?wmode=opaquehile yapar!

Bu çözümü burada buldum : http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements

Geçenlerde gördüm ki bazen flash player tanımaz &wmode=opaque, siz de geçmeniz gerekir &WMode=opaque(büyük harfe dikkat edin).