私は3つのhtmlページを持っています。
grandparent.html - ソースがparent.htmlに設定されたallowfullscreen属性が設定された1つのiframeが含まれています
parent.html - ソースが child.html に設定された allowfullscreen 属性が設定された 1 つの iframe を含む
child.html - 親で全画面表示を要求するボタンを含む 1 つの div が含まれます
3 つのページはすべて同じドメインにあります。
child.html のボタンのクリック時、ブラウザで「grandparent.html」を読み込んだときに、parent.html の iFrame をフルスクリーンにしたいです。しかし、これは失敗します。何も起こりません。しかし、ブラウザで「parent.html」をロードすると、フルスクリーンになります。
何らかの理由で、grandparent.html の iframe は、parent.html の iframe をブロックして全画面表示にします。祖父母の iframe にも allowfullscreen が true に設定されているため、これは奇妙です。
また、子ボタンの onClick ハンドラから、parent.parent.document.getElementById('grandParentIframe'); を使用してアクセスすることで、祖父母の iframe を全画面表示にすることができます。
しかし、祖父母は別のドメインにいる可能性が高いため、それは私がやりたいことではありません。iFrame をネストすることでクロスドメインの制限を克服できることを願っていますが、現在 3 つのページすべてが同じドメイン、ホスト、およびプロトコルを持っているにもかかわらず機能しません。
助けてください！SM