1

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

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

我也试过

sandbox="allow-same-origin allow-scripts allow-popups allow-forms"

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

创建弹出窗口的整个函数如下所示

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();

}

任何帮助解决显示视频的问题并在不弄乱屏幕的情况下关闭将不胜感激！

4

0 回答 0