在IE8中通过javascript删除嵌入式YouTube视频时出现黑屏

Amr*_*rhy 27 javascript video jquery

我使用此代码让用户在我正在构建的网站上嵌入YouTube视频:

function BuildYoutubePlayer(youtubeVideoId, width, height) {
    youtubePlayer = "<iframe ";
    youtubePlayer += "width=\"" + width + "\" ";
    youtubePlayer += "height=\"" + height + "\" ";
    youtubePlayer += "src=\"http://www.youtube.com/embed/" + youtubeVideoId + "\"&amp;wmode=transparent ";
    youtubePlayer += "frameborder=\"0\" allowfullscreen>";
    youtubePlayer += "</iframe>";

    return youtubePlayer;
}
Run Code Online (Sandbox Code Playgroud)

这个嵌入将在一个图层作为灯箱弹出,当用户关闭此弹出窗口,视频从html中删除,但我在IE8上得到一个黑色全屏,我找不到任何理由,我尝试嵌入youtube视频和删除它,它工作正常,所以我肯定错过了一些东西.请指教.

Amr*_*rhy 45

我解决了这个问题,方法是在移除父弹出窗口之前隐藏iFrame.
所以我说$('iframe').hide();,然后$('myContainerPopup').remove();

我在IE8和youtube视频上遇到了这个问题,没有在IE7上测试,但在所有其他浏览器上的东西都运行正常.