2013-06-22 84 views
0

我在我的Flexslider滑块的幻灯片1上嵌入了一个vimeo视频,我可以在Chrome和Safari中播放视频,但不能在Firefox上播放视频。视频iframe加载,只是我无法点击并播放视频。Flexslider - Firefox不会播放Vimeo视频

这是我在<li>...</li>部分幻灯片1的一个iFrame的(我取代了视频ID与68824907演示):

<iframe id="carousel-video" src="http://player.vimeo.com/video/68824907?api=1&amp;player_id=carousel-video" style="margin: 83px 0 0 25px; position: absolute;" width="415" height="233" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

这里是我的Flexslider调用脚本:

$(".flexslider").flexslider({ 
    animation: "slide", animationLoop: true, 
    controlNav: true, directionNav: false, smoothHeight: true, 
    slideshowSpeed: 7000, animationSpeed: 700, easing: 'easeOutQuint', 
    before: function(slider){ 
     $f($('#carousel-video')[0]).api('pause'); 
    } 
}); 

看起来问题在于flexslider调用的“animation:”slide“”部分,因为如果我删除它,我可以很好地播放Vimeo视频,但如果没有该行,则滑块不会移动。谁能帮我吗?

回答

0

对我来说,它适用于Firefox,当我将iframe粘贴到flexslider原始演示的幻灯片中时。你在Mac上工作吗?我曾与在flexslider的CSS-的转变,这是在Flexslider 2.默认打开的几个奇怪的问题,也许你可以尝试通过将它们关闭:

useCSS:假

在初始化flexslider。