2013-06-22 122 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。