Черный экран при удалении встроенного видео youtube с помощью javascript в IE8

Я использую этот код, чтобы пользователи могли вставлять видео 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;
}

Эта вставка будет в слое как всплывающее окно, когда пользователь закрывает это всплывающее окно, видео удаляется из html, но я получаю черный полный экран только на IE8, я не могу найти никакой причины, я пробовал встраивание youtube видео и удалить его, и он работал нормально, поэтому я уверен, что что-то не хватает. пожалуйста, совет.

Ответ 1

Я решил, что скрывая iFrame, прежде чем удалять его, удаляя родительское всплывающее окно.
Поэтому я говорю $('iframe').hide();, затем $('myContainerPopup').remove();

Я столкнулся с этой проблемой только на IE8 и youtube-видео, не тестировал на IE7, но во всех других браузерах все работало нормально.

Ответ 2

Я использую этот код:

$(document).ready(function() {
$('.popup-gallery').magnificPopup({
    callbacks: {
        open: function() {$('iframe').hide();},
        close: function() {$('iframe').show();}
    }   
});

});