YouTube iframe API を使用して動画を再生するアプリケーションを構築しています。アプリケーションはこちらからご覧いただけます。
プレーヤーが Chrome/Safari では正常に動作するが、Firefox ではビデオが正しく表示されないという奇妙な問題に遭遇しました (OSX 10.7.5 で FF22 を使用しています)。再生ボタンをクリックして音を聞くことはできますが、ビデオは表示されません。
何が間違っているのでしょうか?
いくつかの観察
YouTube のブランディング (プレーヤーの一部) が表示されているので、画像が表示されていません。
回答の@ceasarによると、プレーヤーはWin 7 FF22で動作します。Ubuntu FFでも問題なく動作するという別のレポートがあります。
FF 開発者コンソールを開いて、そのウィンドウの DOM ツリーでさまざまなノードをクリックすると、ビデオが表示されます。クリックdiv.show-details
して効果を確認してみてください ( の下にありbody > div.wide > div.show-details
ます)
ビデオの上に透明なオーバーレイがありますが?wmode=opaque
、iframeに設定しているので(この質問が示唆するように)、問題ありません。
この質問border-radius
は、iframeなどの特定のスタイル設定ルールを設定すると、混乱する可能性があることを示唆しています。私はそのようなことは何もしていません。