埋め込み動画がフルスクリーンでクラッシュし、ページを再読み込みします

Question

私は自分のサイトにYouTube動画を埋め込むためにiframeを使用しています。私はallowfullscreenプロパティを含んでいます。私のサイトでは、「フルスクリーン」ボタンをクリックするまで、埋め込まれたビデオは正常に再生されます。フルスクリーンに切り替えると、ビデオはフルスクリーンモードで一時的に表示されますが、すぐにページを閉じて更新します。この問題はFirefoxでは発生しません。 EdgeやChromeなどの他のブラウザでも発生します。ブラウザで検査するときにコンソールにエラーはありません。 YouTubeとVimeoの両方の動画でテストしたところ、同じ問題が発生します。私はiframeではなくobjectタグで埋め込みを試みましたが、同じ結果が得られました。これを引き起こす可能性のあるアイデアは何ですか？

Answer 1

この問題の原因が見つかりました。 Wordpressテーマファイルの1つに、ビデオをフルスクリーンモードにしたときにトリガされていたウィンドウのサイズ変更でページをリロードする機能がありました。私はこのコードを私のサイトでは必要ないので、単に取り出しました。

var initialWidth = $(window).width(); 
$(window).resize(function() 
{ 
    var currentWidth = $(window).width(); 
    if(initialWidth !== currentWidth) 
    { 
     location.reload(); 
    } 
});