Question

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

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

}

任何有助于解决显示视频问题并获得关闭而不会弄乱屏幕的帮助将不胜感激！

iframe屏幕搞砸了

0 个答案: