Javascript iframe屏幕出错

我试图在使用iframe创建的javascript弹出窗口中显示雅虎视频。弹出窗口显示完美，视频可在iframe中播放，但当我关闭弹出窗口时，弹出窗口将关闭，但视频图像将保留在屏幕上，直到我执行页面刷新。我正在使用下面的INF代码

<iframe width="280" height="190" frameborder="0" src="https://docs.google.com/file/d/filename/preview"></iframe>

但是使用这个屏幕混乱的问题得到了解决，但是没有视频显示在弹出窗口中

创建弹出窗口的整个功能如下所示

function helpPopup(el) {
var height = (window.innerHeight ? (window.innerHeight) * 3 / 4 : 640);
var helpDialog = new YAHOO.widget.Dialog('help', {
        width: (window.innerWidth ? (window.innerWidth) / 2 : '480')+'px',
        height: height+'px',
        fixedcenter: true,
        effect: {
                effect: YAHOO.widget.ContainerEffect.FADE,
                duration: 0.25
        },
        modal: true,
        visible: false,
        draggable: true
});

helpDialog.setHeader("Help");
var content="";
content = '<div style="overflow: auto; height: '+(height-50)+'px">'+
'<table><tr><td>This is a help popup you can see the video below for demonstation purposes</td></tr></table>'+
'<br><br><br><p><iframe width="280" height="190" frameborder="0" src="https://docs.google.com/file/d/xxxxxxxxx/preview"></iframe></p>'+        
'</div>';
helpDialog.setBody(content);
helpDialog.cfg.queueProperty('keylisteners', new YAHOO.util.KeyListener(
        document,
        { keys : 27 },
        {
                fn: function() { this.hide(); },
                scope: helpDialog,
                correctScope:true
        }
));

helpDialog.render(document.body);
helpDialog.show();

功能帮助弹出窗口（el）{
变量高度=（window.innerHeight？（window.innerHeight）*3/4:640）；
var helpDialog=新的YAHOO.widget.Dialog（'help'，'{
宽度：（window.innerWidth？（window.innerWidth）/2:'480'）+'px'，
高度：高度+px，
fixedcenter：对，
效果：{
效果：YAHOO.widget.ContainerEffect.FADE，
持续时间：0.25
},
莫代尔：是的，
可见：假，
德拉格布尔：是的
});
setHeader（“帮助”）；
var-content=“”；
内容=“”+
'这是一个帮助弹出窗口，您可以查看下面的视频以进行演示'+
“


”+
'';
helpDialog.setBody（内容）；
helpDialog.cfg.queueProperty（'keylisteners'，新的YAHOO.util.KeyListener(
文件，
{键：27}，
{
fn:function（）{this.hide（）；}，
范围：帮助对话框，
真的吗
}
));
helpDialog.render（document.body）；
helpDialog.show（）；

}

---

任何帮助解决显示视频和关闭而不弄乱屏幕的问题都将不胜感激

这是一个特定于浏览器的问题。另外，请在你的问题中添加关闭弹出窗口的代码。这只发生在Chrome中吗？几乎所有浏览器都没有，我主要在IE和Chrome中使用过

function helpPopup(el) {
var height = (window.innerHeight ? (window.innerHeight) * 3 / 4 : 640);
var helpDialog = new YAHOO.widget.Dialog('help', {
        width: (window.innerWidth ? (window.innerWidth) / 2 : '480')+'px',
        height: height+'px',
        fixedcenter: true,
        effect: {
                effect: YAHOO.widget.ContainerEffect.FADE,
                duration: 0.25
        },
        modal: true,
        visible: false,
        draggable: true
});

helpDialog.setHeader("Help");
var content="";
content = '<div style="overflow: auto; height: '+(height-50)+'px">'+
'<table><tr><td>This is a help popup you can see the video below for demonstation purposes</td></tr></table>'+
'<br><br><br><p><iframe width="280" height="190" frameborder="0" src="https://docs.google.com/file/d/xxxxxxxxx/preview"></iframe></p>'+        
'</div>';
helpDialog.setBody(content);
helpDialog.cfg.queueProperty('keylisteners', new YAHOO.util.KeyListener(
        document,
        { keys : 27 },
        {
                fn: function() { this.hide(); },
                scope: helpDialog,
                correctScope:true
        }
));

helpDialog.render(document.body);
helpDialog.show();