YouTube/vimeo iframe不會在Firefox中播放

我使用iframe將youtube/vimeo視頻嵌入我的網站。YouTube/vimeo iframe不會在Firefox中播放

<iframe src="http://www.youtube.com/embed/{$entity->getYoutubeVideoID()}" ...></iframe>

{$entity->getYouTubeVideoID()}位是smarty模板代碼語法。我不認爲這是問題，因爲視頻上傳並在Chrome和IE9以上播放良好。視頻也上傳到Firefox和safari罰款，這意味着我可以看到視頻，這是正確的。但是，當我點擊視頻時，它不會在Firefox或Safari瀏覽器中播放。

有趣的是，其他事件被觸發。也就是說，在鼠標懸停時，視頻上的播放按鈕會改變。在YouTube視頻中，中間帶有播放圖標的按鈕以灰色開始，鼠標懸停變爲紅色。所以iframe正在註冊事件。但是，它不會播放點擊。我不知道該從哪裏出發。

唯一的其他事件處理程序我對iframe是這一個，但我懷疑是搞亂起來：

$(window).blur(function(){ 
    if($('iframe').is(':focus')){ 
     mySwipe.slide(mySwipe.getPos(), 1000); 
    } 
});

（mySwipe指swipe.js幻燈片庫）

來源

2013-05-16 smilebomb

當您按大播放按鈕時會發生什麼？ –

@AhmedNuaman播放按鈕從紅色變爲灰色，但視頻不播放。這種行爲也是不穩定的。 – smilebomb

你在做iframe上的任何CSS轉換嗎？ –

我根本無法在swipe.js庫（或任何其他支持觸摸的jquery庫）中播放嵌入的視頻。我的解決方案是從vimeo/youtube API中提取縮略圖，並將它們用作幻燈片中的佔位符。然後在一個燈箱中的視頻縮略圖上註冊點擊事件。

來源

2013-05-21 18:11:53 smilebomb

我Firefox中的播放按鈕也有問題。我使用的是HTML5文檔類型，所以我加了下面的YouTube網址

& HTML5 = 1

後，也許這可以幫助你。

來源

2013-05-20 22:17:22 user2060616

Flexslider 2基本上解決了它。 Swipe.js非常棒，但在滑塊中播放youtube/vimeo Flexslider效果更好。

來源

2013-08-24 16:29:01 Sjoerd

YouTube/vimeo iframe不會在Firefox中播放

回答

相關問題