Youtube iframe嵌入式视频不工作（黑屏） [英] Youtube iframe embedded video not working (black screen)

问题描述

在Diveboard上，我们制作了一个非常好的照片擦，以支持视频

On Diveboard, we made a nice hack of photoswipe to support videos

一切顺利，直到我发现Firefox 11和12测试版不播放YouTube视频嵌入任何更多...看起来他们被加载，我们可以听到声音广告没有图像...所以它的YouTube广播，而不是
你可以看到一个例子：视频示例页

Everything went well until I discovered Firefox 11 and 12 beta are not playing the youtube videos embedded any more... it seems they are loaded, we can hear sound ad pufff no images... so it's youtube radio instead you can see an example here : Video example page

我一直在一直搔弄我的头，但我无意义的:(：（

And i've been scratching my head over and over on that one but I'm clueless :( :(

编辑：显然这是一个问题只有在OSX !!!这让我更无能为力...

EDIT : Apparently it's an issue ONLY ON OSX!!! which makes me even more clueless...

任何提示将被遗漏

iframe代码非常简单：

the iframe code is pretty straightforward:

<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，并删除了这些样式声明解决了问题。

What CSS styling are you using on your iframe? http://argylesocial.com used border-radius on youtube html5 iframes, and removing those style declarations resolved the problem.

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

I had to remove both -moz-border-radius and border-radius the get video to properly display. Works like a charm now!

这篇关于Youtube iframe嵌入式视频不工作（黑屏）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！