起初这听起来可能有点令人困惑,但我会尝试解释一下。我正在尝试访问在 iframe 内播放 youtube 视频的嵌入标签的代码,并在单击内部嵌入容器时让它更改外部 iframe 上的 src。
注意:外框是myframe播放器后台的完整网站。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 可以很好地模仿它。