jquery - この iframe (YouTube 埋め込み) の動作が chrome と ie で異なるのはなぜですか?

Question

YouTube iframe を bxslider に埋め込んでいます。スライドからスライドに移動すると、何らかの理由で iframe が ie 内のすべての上に配置されたままになります。

クロムでの動作 (同じ html と css の場合) が必要です!

リンクを参照してください: www.torontochinesesoccer.com/brands

div (ビデオが含まれているものを含む) はすべて相対的に配置されています。つまり、iframeの扱いは異なりますか??

Answer 1

iframe で wmode="Opaque" を使用してみるか、jquery コードを使用できます

  $('iframe').each(function()
     {var url = $(this).attr("src");
      var result = url.search(/youtube/i);
      if(result!=-1)
       {result = url.indexOf('?');
        if(result!=-1)  
          {$(this).attr("src",url+"&wmode=transparent");
          } else {$(this).attr("src",url+"?wmode=transparent");}
       }
     });
      });

詳細はこちら - http://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix