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中播放

回答

相关问题