Bxslider становится пустым на следующем слайде в Firefox Mac

У меня проблема с 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>

javascript jquery bxslider
person sinzo    schedule 13.12.2012    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Я не знаю, нашли ли вы решение для этого, но я видел два предложения.

  1. добавьте useCSS: false к вашему вызову функции.
  2. добавьте ?wmode=opaque (или &wmode=opaque, если вы уже использовали ?) в конце вызова на YouTube.
person absynthe minded web smith    schedule 13.05.2013

arrow_upward
0
arrow_downward

У меня была такая же проблема с Firefox (Chrome и IE в порядке) при встраивании файлов swf в bxslider. Добавление wmode="opaque" к тегу ‹object› и изменение конфигурации "video" bxslider на 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>
person shinobivn    schedule 30.07.2013