Question

我将youtube iframe嵌入到bxslider中。当你从幻灯片转到幻灯片时，iframe仍然保持在所有内容的位置，即由于某种原因。

chrome中的行为（对于相同的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

为什么这个iframe（youtube embed）在chrome中表现不同，即？

1 个答案: