Facebookページに埋め込まれたYouTube動画を全画面で表示しようとしています。私はChromeで、ビデオはHTML5プレーヤーで再生されています。フルスクリーンを押すと、ブラウザー自体がフルスクリーンになり、ビデオはどこにも表示されません。
私がYoutubeを使用しているときはこれは起こらないので、ブラウザ固有の問題のようには見えません。他のWebサイト(メンタルフロスとTwitterを試しました)では、埋め込みビデオはHTML5プレーヤーで再生されますが、フルスクリーンオプションが表示されません。
ここで何が問題になる可能性がありますか?
Html5フルスクリーンでは、iframeが正しく機能するためにiframeにallowfullscreen
属性が必要です。 iframeを埋め込んだウェブサイトにこれが追加されていない場合、全画面表示は機能しません
Facebook固有のようです。
Facebookのホームフィードでは、HTML5ビデオが正しくフルスクリーンに表示されないようです。ソースを検査すると、iframeはhidden_elem
を持つdisplay: none
div内にあります。これを表示すると、ビデオが復元されます。興味深いことに、それはdoesタイムライン(プロファイルまたはページ)で同じビデオを表示した場合にのみ機能します。
ブラウザアドオンでFlashPlayerを強制することができます。