Имеется блок .wrapper_group, в нем iframe (youtube) .video_groups" c видео и блок .block_group поверх него, при наведении на .wrapper_group скрывается .block_group и видно .video_groups, если мышку убарть с .wrapper_group то .block_group обратно покрывает .video_groups. Как сделать, чтобы при нажатии на воспроизведение .video_groups оставался даже при скрытии мышки с .wrapper_group?
$('.wrapper_group').hover(function () {
$(this).children(".block_group").css('visibility', 'hidden');
}, function () {
$(this).children(".block_group").css('visibility', 'visible');
});