css - Youtube iframe 嵌入式视频不工作(黑屏)

标签 css macos firefox iframe youtube

在 Diveboard 上,我们做了一个很好的 photoswipe 来支持视频

一切都很顺利,直到我发现 Firefox 11 和 12 beta 不再播放嵌入的 youtube 视频...似乎它们已加载,我们可以听到声音广告,没有图像...所以它是 youtube 广播 你可以在这里看到一个例子:Video example page

我一直在那个问题上一遍又一遍地摸不着头脑,但我一无所知 :( :(

编辑:显然这只是 OSX 上的问题!!!这让我更加无能为力......

任何提示都将不胜感激

iframe 代码非常简单:

<iframe width='#{width}' height='#{height}' src='http://www.youtube.com/embed/#{matchdata}?wmode=opaque&autoplay=1' frameborder='0' allowfullscreen></iframe>

最佳答案

您在 iframe 上使用什么 CSS 样式? http://argylesocial.com在 youtube html5 iframe 上使用 border-radius,删除那些样式声明解决了问题。

我必须同时删除 -moz-border-radius 和 border-radius 才能正确显示获取视频。现在就像一个魅力!

关于css - Youtube iframe 嵌入式视频不工作(黑屏),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9824082/

相关文章:

jquery - 是否可以使用 jQuery/CSS 将一列无序列表转换为两列无序列表?

jquery - Ruby on Rails CSS 不会刷新/重新加载每个页面更改

Swift KVO 绑定(bind)未更新

TR剪辑背景的jQuery fadeIn()

Firefox - 巨大的光标

javascript - 在 Firefox Add-on SDK 中监听固定/取消固定选项卡事件

css - 如何在 Odoo 10 POS 插件中使用自定义 CSS

html - 如何向始终固定第一列的表添加垂直滚动条

jquery - e.owlCarousel 不是 linux 主机上 yarn encore 生产后的功能

macos - 如何从终端 (Mac OS X) 中查看文件/文件夹上的标签颜色