Доброго времени суток.
Столкнулся с проблемой остановки проигрывания ролика Youtube при закрытии динамического окна.
В общем сделал блок с отображением последних добавленных видео с Youtube в модуле видео.
При нажатии на иконку видео оно тут же открывается для просмотра в динамическом окне. (на этой же странице)
Все работает супер, но...
При закрытии динамического окна видео не останавливается, а продолжает играть.
Так вот...
Есть ли в JQ функция останавливающая проигрывание ролика с Youtube?
Код открытия динамического окна:
КОД
$(".smotr").click(function(){//при нажатии на иконку видео
var ID = $(this).attr('id');
$('.popup_viev'+ ID).css({'display' : 'block'}).fadeIn();
$('body').append('<div id="fade"></div>');//вкл слоя затемнения
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();//затемнение
});
Код закрытия динамического окна:
КОД
$('a.close, #fade').live('click', function() { //При нажатии на кнопку закрыть либо затемненную область...
$('#fade, #viev_video').fadeOut(400);
return false;
});
Код в блоке:
КОД
$query = $db->sql_query("SELECT id, image, url FROM ".$prefix."_video_clips WHERE status!='0' ORDER BY id");
while(list($id, $image, $url) = $db->sql_fetchrow($query))
{
$content .= "
<div id=\"$id\" class=\"smotr\" style=\"width:120px;height:90px;position:relative;background:url($image) center no-repeat;margin-left:10px;margin-right:10px;\"></div>
<div id=\"viev_video\" class=\"popup_viev$id\" style=\"background: #fff;display:none;padding:10px;position: fixed;top:30%;left:40%;z-index:99999;text-align:center;\">
<a href=\"#\" class=\"close\"><img src=\"templates/celestial/imag/fancy_closebox.png\" class=\"btn_close\" title=\"Закрыть\" alt=\"Закрыть\" /></a>
$url
</div><!-- end popup_viev -->
";
}