добавляю на сайт скрипт для загрузки видео с youtube.
На главной проблем нет.
На всех страницах, кроме главной, видео запускается, но блок не закрывается.
<div id="idVideo">
<a href="#" id="video_btn">видео</a>
</div>
<div id="popup_video">
<div id="popup_video_block">
</div>
</div>
<script>
$(function() {
$('#video_btn').on('click', function() {
$('#popup_video').fadeIn();
$('#popup_video').append('<a id="popup_video_close"></a>');
$('#popup_video_block').append('<iframe width="100%" height="326" src="https://www.youtube.com/embed/видео?autoplay=1" frameborder="0" allowfullscreen></iframe>');
q_width = $('#popup_video').outerWidth()/-2;
q_height = $('#popup_video').outerHeight()/-2;
$('#popup_video').css({
'margin-left': q_width,
'margin-top': q_height
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=40)'}).fadeIn();
});
$('body').on('click', '#fade, #popup_video_close', function() {
$('#fade , #popup_video').fadeOut(function() {
$('#popup_video_block').empty();
$('#popup_video').fadeOut();
$('#popup_video_close').remove();
$('#fade').remove();
});
});
});
</script>
