javascript - Youtube/vimeo iframe 无法在 Firefox 中播放

Question

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

<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 幻灯片库)

Answer 1

我在 Firefox 中也遇到了播放按钮的问题。我使用的是 html5 Doctype，所以我在 youtube url 之后添加了以下内容

&html5=1

也许这可能对你有帮助。