0

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

这是幻灯片 1 的其中一个部分中的 iFrame <li>...</li>（我将视频 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 视频，但没有那条线，滑块将不会移动。谁能帮我吗？

4

1 回答 1

0

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

使用CSS：假

在初始化 flexslider 时。

于 2013-06-23T21:10:22.707 回答