schermo nero durante la rimozione di un video di youtube embedded javascript in IE8

Question

io uso questo codice per consentire agli utenti di incorporare i video di YouTube su un sito web che sto costruendo:

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; 
} 

Questo embed sarà in un livello come lightbox a comparsa, quando l'utente chiude questo popup, il video viene rimosso dall'html, ma ottengo uno schermo intero nero solo su IE8, non riesco a trovare alcun motivo, ho provato ad incorporare il video di youtube e rimuoverlo, e ha funzionato bene, quindi sono sicuro mi manca qualcosa. per favore consiglio

Answer 1

Ho risolto questo nascondendo l'iFrame prima di rimuoverlo mentre rimuovevo il popup genitore.
Allora io dico $('iframe').hide(); poi $('myContainerPopup').remove();

Ho affrontato questo problema solo su IE8 e video di YouTube, non prova su IE7, ma su tutti gli altri browser cose sono state lavorando bene.

Answer 2

Io uso questo codice:

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

});