我正在构建一个使用 YouTube iframe API 播放视频的应用程序。您可以在此处查看应用程序。
我遇到了一个奇怪的问题,播放器在 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
)
视频上有一个透明的叠加层,但我?wmode=opaque
在 iframe 上进行设置(就像这个问题所暗示的那样),所以应该没问题。
这个问题表明border-radius
在 iframe 上设置某些样式规则可能会弄乱它。我不会做那样的事。