Bxslider在Firefox的下一張幻燈片中變空白

我在Firefox（Firefox的Mac）上遇到了bxslider問題，並在下一張幻燈片上看到空白視頻。Bxslider在Firefox的下一張幻燈片中變空白

不知道什麼問題，當我檢查其他瀏覽器上

看起來不錯，這是我的測試環節 - 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>

來源

2012-12-13 sinzo

我不知道你是否已經找到了這個y的解決方案et，但我見過兩個建議。

add useCSS：false to your function call。
在您的YouTube通話結束時添加？wmode =不透明（或& wmode =不透明，如果您已使用？）。

來源

2013-05-13 19:19:33

將swf文件嵌入到bxslider時，我遇到了與Firefox相同的問題（Chrome & IE很好）。在<對象>標記中添加wmode =「opaque」，並將bxslider config「video」更改爲false將使其完美工作。我的代碼：

<li> 
    <object type="application/x-shockwave-flash" data="210240.swf" width="260px" height="110px" id="p_2730_w_318" wmode="opaque"></object> 
</li> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    //video: true 
    }); 
}); 
</script>

來源

2013-07-30 23:59:23 shinobivn

Bxslider在Firefox的下一張幻燈片中變空白

回答

相關問題