ユーザーがiframeの画像をクリックすると、モーダルウィンドウがiframeからトップページに飛び出して、メイン(親)ページにビデオが表示されるようにしようとしています。私は次のものを持っていますが、モーダルウィンドウを iframe ページからトップページにプッシュする JavaScript を実装する方法がわかりません。
これは、親ページに移動する iframe コードです。
<iframe id="rtv-preview-frame" src="syndicateplayer.html" name="preview-frame" frameborder="0" noresize="noresize"></iframe>
syndicateplayer.html
モーダルのコンテンツをモーダルウィンドウとしてトップページにプッシュするために、自分のページに何が必要かを理解しようとしています。いくつかのオプションを見回すと、iframe 内のページで次のようなものが必要になるようです。
var $jParent = window.parent.jQuery;
var dlg1 = $jParent('.rtv-video');
dlg1.dialog();
私はこれを試しましたが、クリック時に div を iframe から押し出すことができませんでした。助言がありますか?