Question

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

以下是我在幻灯片1的<li>...</li>部分之一中的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视频，但没有该行，滑块将不会移动。任何人都可以帮助我吗？

Answer 1

对我而言，当我将iframe粘贴到flexslider原始演示的幻灯片中时，它适用于Firefox。你在Mac上工作吗？我在flexslider中的CSS转换有几个奇怪的问题，默认情况下在Flexslider 2中打开。也许你可以试着通过使用它来关闭它们：

useCSS：false

初始化柔性滑板时。

Flexslider - Firefox不会播放Vimeo视频

1 个答案: