Youtube / vimeo iframe无法在Firefox中播放

Question

我正在使用iframe将youtube / vimeo视频嵌入到我的网站上。

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

{$entity->getYouTubeVideoID()}位是聪明的模板代码语法。我认为这不是问题所在，因为视频可以在Chrome和IE9及更高版本中上传并正常播放。该视频还可以上传到Firefox和Safari浏览器，这意味着我可以看到该视频，并且它是正确的视频。但是，当我单击视频时，它既不会在Firefox中也无法在野生动物园中播放。]

有趣的是，其他事件已触发。也就是说，在鼠标悬停时，视频上的播放按钮会更改。在youtube视频上，带有播放图标的中间按钮开始显示为灰色，鼠标悬停时显示为红色。因此，iframe正在注册事件。但是，它不会在点击时播放。我不知道从这里去哪里。

我在iframe上仅有的其他事件处理程序是这个，但我怀疑这会弄乱它吗：

$(window).blur(function(){
    if($('iframe').is(':focus')){
        mySwipe.slide(mySwipe.getPos(), 1000);
    }
});
（（mySwipe指的是swipe.js幻灯片库）

我正在使用iframe将youtube / vimeo视频嵌入到我的网站上。

Answer 1

我在firefox中也有播放按钮的问题。我使用的是html5 Doctype，因此我在youtube url之后添加了以下内容>

＆html5 = 1

Answer 2

我根本无法使嵌入式视频在swipe.js库（或任何其他启用触摸的jquery库）中播放。我的解决方案是从vimeo / youtube API中提取缩略图，并将其用作幻灯片中的占位符。然后在缩略图上注册一个点击事件，以在灯箱中打开视频。

Answer 3

我知道这个线程已经使用了6年，但是我最近遇到了这个问题，Internet上的所有解决方案都无法正常工作。但我在我的网站上找到了答案：

Answer 4

Flexslider 2基本上解决了它。 Swipe.js很棒，但是通过在滑块中播放youtube / vimeo可以使Flexslider更好地工作。