Flexslider - Firefox 无法播放 Vimeo 视频答案

【问题标题】：Flexslider - Firefox won't play Vimeo VideoFlexslider - Firefox 无法播放 Vimeo 视频
【发布时间】：2013-06-22 01:13:26
【问题描述】：

我的 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 调用的“动画：“幻灯片”部分，因为如果我删除它，我可以很好地播放 Vimeo 视频，但没有那条线，滑块将不会移动。谁能帮帮我？

【问题讨论】：

标签： firefox vimeo flexslider

【解决方案1】：

对我来说，它适用于 Firefox，当我将 iframe 粘贴到 flexslider 原始演示的幻灯片中时。你在 Mac 上工作吗？我在 flexslider 中遇到了一些奇怪的 CSS 过渡问题，这些问题在 Flexslider 2 中默认打开。也许您可以尝试使用以下方法关闭它们：

useCSS: false

在初始化 flexslider 时。

【讨论】：