これは最初は少し混乱するかもしれませんが、説明しようと思います。iframe 内で YouTube ビデオを再生する埋め込みタグのコードにアクセスしようとしています。内側の埋め込みコンテナーがクリックされたときに、外側の iframe の src を変更します。
注: 外部フレームは、myframe プレーヤーのバックグラウンドにある完全な Web サイトです。myframe はモック ビデオ プレーヤーです。
ドキュメントの基本的な設定方法は次のとおりです
<body>
<iframe id='myframe' src='something.htm'></iframe>
<iframe id='externalFrame' src='external.htm'></iframe>
</body>
//external.htm
<body>
<embed id='mediaPlayer' src='somethingElse.htm' >
</body>
外部JavaScript
var myPlayer=document.getElementById('myframe');
var externalFrame=document.getElementById('externalFrame');
externalFrame.contentWindow.document.getElementById('mediaPlayer').onclick=function(){
var mediaPlayer=externalFrame.contentWindow.document.getElementById('media_player');
myPlayer.src=mediaPlayer.src;
}
記録のために、私は 1000 の太陽の情熱を持った iframe が嫌いで、通常は決して使用しませんが、このためには、ページが変更されたときにメディア プレーヤーを再生し続ける必要があります。Iframe はそれを模倣するのに適しています。