javascript - Bxslider在Firefox Mac中的下一张幻灯片上空白

我在（Firefox mac）上使用bxslider遇到问题，并在下一张幻灯片上获得空白视频。

不确定是什么问题，在其他浏览器上查看时看起来不错

这是我的测试链接-http://elixirbox.com/temp/bxslider/

这是我的js代码

$(document).ready(function(){
    $('.bxslider').bxSlider({
    video: true
});


$('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");}
       }
     });
      });

这是我的HTML代码

<div  style="width:500px; margin:0 auto">
<ul class="bxslider">
<li>
    <iframe src="http://player.vimeo.com/video/51686357" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</li>
<li>
    <iframe title="YouTube video player" width="307" height="190" src="http://www.youtube.com/embed/yX93uJshpj0" frameborder="0" wmode="Opaque" allowfullscreen=""></iframe>
</li>
<li>
    <iframe src="http://player.vimeo.com/video/51686357" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</li>
</ul>
</div>

最佳答案

我不知道您是否已经找到解决方案，但是我看到了两个建议。


将useCSS：false添加到函数调用中。
在您的YouTube通话结束时添加？wmode = opaque（如果您已经使用过，则添加＆wmode = opaque）。

关于javascript - Bxslider在Firefox Mac中的下一张幻灯片上空白，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13859726/