YouTube iframe 在 OSX Firefox 中未正确显示答案

【问题标题】：YouTube iframe not appearing properly in OSX FirefoxYouTube iframe 在 OSX Firefox 中未正确显示
【发布时间】：2013-07-06 23:36:21
【问题描述】：

我正在构建一个使用 YouTube iframe API 播放视频的应用程序。 You can see the application here.

我遇到了一个奇怪的问题，播放器在 Chrome/Safari 中运行正常，但在 Firefox 中无法正确显示视频（我在 OSX 10.7.5 上使用 FF22）。您可以单击播放按钮并听到声音，但视频永远不会出现。

有人知道什么地方出了问题吗？

一些观察

您可以看到 YouTube 品牌（它是播放器的一部分），所以它就在那里，只是没有显示任何图片。

根据答案中的@ceasar，玩家在 Win 7 FF22 上工作。我有另一份报告指出它在 Ubuntu FF 上也能正常工作。

如果我打开 FF 开发者控制台并单击该窗口的 DOM 树中的各个节点，就会出现视频。试试点击div.show-details看看这个效果（在body > div.wide > div.show-details下面）

视频上有一个透明覆盖层，但我在 iframe (like this question suggests) 上设置了 ?wmode=opaque，所以应该没问题。

This question 建议在 iframe 上设置某些样式规则，例如 border-radius 可能会弄乱它。我不会做那样的事情。

【问题讨论】：

【解决方案1】：

在 FF 中，youtube 徽标未显示但工作正常（win7 FF 22）。同样在其他浏览器中，我无法单击 youtube 徽标。这违反了 youtube TOS，因此您可能会被禁止，因此请注意

【讨论】：

我在 iframe 参数中设置了 modestbranding=1，因此 YT 徽标仅在播放器暂停和悬停时显示。我可以在以后修复点击能力问题，这个应用程序在技术上还没有投入生产。感谢您提供调试信息。