YouTubeのiframeの埋め込まれたビデオに動作していない（黒画面）Diveboardオン

Question

は、我々は、私はFirefoxの11と12のベータ組み込みユーチューブの動画を再生していないことを発見するまで

すべてがうまくいったビデオをサポートするためにphotoswipeの素敵なハックを作った、それ以上...それは彼らがロードされているようですが、私たちはサウンドアドフュフがイメージを聞くことができないので、それはあなたの代わりにラジオです ここに例を見ることができます：Video example page

そして、その1つだけ私は無名:(:(

編集：明らかにそれは問題ですN OSX !!!任意のヒントが

のiframeコードをapreciatedされるだろう

た私は、さらに多くの無知なりますが...非常に簡単です：

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

Answer 1

何CSSのスタイリングは、あなたのiframeに使用していますか？ http://argylesocial.com youtube html5 iframeでborder-radiusを使用し、それらのスタイル宣言を削除すると問題が解決されました。

正しく表示するには、-moz-border-radiusとborder-radiusの両方を削除する必要がありました。今の魅力のように動作します！

Answer 2

Firefoxがなかったとしてそれは私が私が開発しています私のウェブサイトのブログで同じ問題を得ていた、実際に今、モジラ12月13日/ 14 http://ksso.net/~alex/ff_bug/moz-transform.html

Answer 3

上に固定されているFFのバグだ、私はiframe対応の高さを追加しましたiframeの高さタグから高さを取得するには、スタイルタグを使用して高さを追加するか、レスポンシブウェブサイトでiframeタグの高さのメディアCSSを使用するかのいずれかです。この例はそれをより良く説明するかもしれない。

応答部位は、CSSメディアクエリにはiframeを追加する場合はiframeのための固定の高さを使用すると、その後

style="height:374px" 

のようにインラインフレームにスタイルタグを追加してみた場合 - 例えば：

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

など。

それは私のために働いた、それは他の人にも役立つことを願っています。

ありがとうございます！