在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>
什麼CSS樣式，你對你的iframe使用？ http://argylesocial.com在youtube html5 iframe上使用了border-radius，並刪除這些樣式聲明可解決該問題。
我不得不刪除-moz-border-radius和border-radius get視頻以正確顯示。現在就像一個魅力！
不是它：這裏的解釋:) 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
，我讓我的網站博客我開發了同樣的問題，我加高度的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}
}
等等。
它爲我工作，我希望它也會幫助別人。
謝謝！
所以我還沒有」‘解決’，但這裏有一些提示：雙方父母和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