的Youtube的iframe嵌入视频不工作（黑屏）

在Diveboard，我们做了photoswipe的一个很好的破解，支持视频的Youtube的iframe嵌入视频不工作（黑屏）

一切都进行得很顺利，直到我发现的Firefox 11和12的β不是在玩嵌入YouTube视频更多......看来他们被加载，我们可以听到声音的广告pufff没有图像...所以它是YouTube无线电代替你可以在这里看到一个例子：Video example page

，我一直在一遍又一遍地在抓我的头那一个，但我很无足道:(:(

编辑：显然这是一个问题只O N OSX !!!这让我更加无能......

任何暗示将apreciated

iframe的代码是非常简单的：

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

来源

2012-03-22 Alexander Casassovici

所以我还没有”‘解决’，但这里有一些提示：双方父母和parent.parent的div 问题来自于2 -moz-变换持有的iframe 通过FF11 + OSX的有条件装载一个css与 #lightbox .ps-carousel-content {-moz-transform：none！important;} #lightbox .ps-carousel-item {-moz-transform：none！important;} 该问题是绕过但解决方案不是很满意 - Adobe的球员请修复您的球员，FF球员请包括h264 ...，youtube球员请放下闪光.... – 2012-03-22 17:13:23

已知的bug，请投票！ - https://bugzilla.mozilla.org/show_bug.cgi?id=811547 – vsync 2013-05-25 21:32:45

[Duopixel]（http://stackoverflow.com/questions/17747443/css-transform-translate-breaking-youtube-embedded-video?answertab = votes＃tab-top）通过在YouTube嵌入网址中添加＆html5 = 1来解决问题。 [Firefox支持HTML5视频]（http：// caniuse。com/video）回到3.5版本，所以它应该是安全的。 – 2013-10-24 15:27:07

什么CSS样式，你对你的iframe使用？ http://argylesocial.com在youtube html5 iframe上使用了border-radius，并删除这些样式声明可解决该问题。

我不得不删除-moz-border-radius和border-radius get视频以正确显示。现在就像一个魅力！

来源

2012-03-29 00:48:44

不是它：这里的解释:) http://ksso.net/~alex/ff_bug/moz-transform.html – 2012-03-29 05:20:55

@AlexanderCasassovici链接被破坏 – 2014-02-28 12:08:01

它实际上是一个FF错误，这是现在固定在Mozilla 12个/ 13/14 http://ksso.net/~alex/ff_bug/moz-transform.html

来源

2012-03-29 05:21:27

，我让我的网站博客我开发了同样的问题，我加高度的iframe火狐不从iframe中的高度标签抓取高度，解决方案是使用样式标签添加高度，但如果其响应式网站使用iframe标签高度的媒体CSS。这个例子可能会更好地解释它。

如果使用一个固定高度的iframe，然后尝试加入的风格标签的iframe中

style="height:374px"

如果响应网站的iframe添加到CSS媒体查询 - 如：

@media screen and (min-width: 100px) and (max-width:768px) { 
    .video iframe {height:200px} 
}

等等。

它为我工作，我希望它也会帮助别人。

谢谢！

来源

2014-09-25 11:31:43

的Youtube的iframe嵌入视频不工作（黑屏）

回答

相关问题