ボタンをクリックするとブートストラップ モーダル ポップアップを開く iframe を含むアプリがあります。私が直面している問題は、ポップアップが iframe コンテナーの上部に固定され、それを開く要素、モーダルに関連していないことです。 iframeアプリをスタンドアロンとして開くと、ポップアップが正常に機能します。私は使っている

iframe リサイザー

jquery ライブラリを使用して、Iframe のサイズも変更します。

iFrame-Resizer バージョン 4.2.2を使用して iFrame でこのサイトを使用しようとしています。

https://ディーラータイル.com/

ただし、iFrame の一貫したサイズを取得できません。まず、カスタム 'heightCalculationMethod' を使用する必要があります。そうしないと、iFrame は 150 ピクセルの高さでのみレンダリングされます。

• bodyOffset = 150px の高さ。
• bodyScroll = 初期の高さを修正。ページを変更すると拡大しますが、縮小しません。
• documentElementOffset = 高さ 150px。
• documentElementScroll = 初期の高さを修正しました。ページを変更すると拡大しますが、縮小しません。
• max = 正しい初期高さ。ページを変更すると拡大しますが、縮小しません。
• 最小 = 高さ 150 ピクセル。
• 成長 = 初期の高さを修正します。ページを変更すると拡大しますが、縮小しません。
• lowerElement = 初期の高さを修正します。ページを変更すると拡大しますが、縮小しません。
• taggedElement = 0px の高さ。

ここで私のデモ iFrame を見ることができます: https://delertile.com/demo/

iFrame が縮小せず、拡大するだけである理由を誰かが理解するのを手伝ってくれますか?

Privacy Badger 拡張機能は、iframe-resizer を実行している iframe からのコンテンツをブロックします。
コンソールの警告: [iFrameSizer][ホスト ページ: xxx] IFrame は 5 秒以内に応答しませんでした。iFrameResizer.contentWindow.js が iFrame に読み込まれていることを確認します。すべてが機能している場合、このメッセージは無視できます。または、warningTimeout オプションをより高い値またはゼロに設定して、この警告を抑制することができます。

親ページでこれをテストし、訪問者に拡張機能を無効にするメッセージを表示する方法はありますか?

Iframe にリモート ビデオをロードしているときに、見つけられません。Firefox では、右に横スクロールが表示されますが、Chrome では、ビデオ用の適切な css は次のようになります。

remoteVideo { 右: 0; 下: 0; 最小幅: 100%; 最小高さ: 100%; }