1

我在（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>
4

2 回答 2

2

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

  1. 将 useCSS: false 添加到您的函数调用中。
  2. 在 YouTube 通话结束时添加 ?wmode=opaque（或 &wmode=opaque，如果您已经使用过？）。
于 2013-05-13T19:19:33.593 回答
0

将 swf 文件嵌入 bxslider 时，我在使用 Firefox（Chrome 和 IE 都可以）时遇到了同样的问题。将 wmode="opaque" 添加到 <object> 标记并将 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>
于 2013-07-30T23:59:23.867 回答