Firefox mac의 다음 슬라이드에서 Bxslider가 비어 짐

Question

bxslider (Firefox mac)에서 문제가 발생하여 다음 슬라이드에서 빈 비디오가 나타납니다.

, 문제 야 내가 다른 브라우저

에 검사 할 때 좋은 모습하지 않도록이 내 테스트 링크 - 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> 

Answer 1

당신이이 해결책을 찾았는지 모르겠다. et.하지만 나는 두 가지를 제안했다.

1. useCSS : 함수 호출에 false를 추가하십시오.
2. YouTube 통화가 끝나면? wmode = opaque (또는 & wmode = opaque, 이미 사용 했습니까?)를 추가하십시오.

Answer 2

swf 파일을 bxslider에 삽입 할 때도 Firefox (Chrome & IE)와 동일한 문제가있었습니다. < 객체 > 태그에 wmode = "opaque"를 추가하고 bxslider 구성 "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>