私はモバイル Safari で Web アプリをコーディングしていますが、今は私を逃れていますが、十分に単純であるべきだと思うことに夢中になっているようです。
本質的に、私はYouTubeビデオをiframe持っています。src誰かが関心のあるポイントをタップすると、そのビデオが小さなモーダルで表示されます。閉じるための閉じるボタンもあります。
これは、jQueryshowとhideメソッドだけを使用します。文字通り：
$(".selector").on("click", function() {
$(this).show();
});
と
$(".selector").on("click", function() {
$(this).hide();
});
モーダルが表示されたら、ユーザーは YouTube ビデオをタップして再生する必要があります。その部分についてはすべて順調です。
閉じてもう一度開こうとすると、奇妙な部分が現れます。モーダルがポップアップしますが、ビデオは空白です。黒い画面しかありませんが、ビデオはまだ再生されているように聞こえます。
これは、が作成する追加のwindowコンテキストと関係があると思います。iframeたぶん、これはその特定のツリーに何か追加を隠しているのでしょうか?
デスクトップでモバイル コードをテストすると、正常に動作し、問題はありません。iPhone でのテストはそうではありません。
これについて何か考えはありますか??