How to check if the video has started or not?

Question

JavaScript

There is a .wrapper_group block, it has an iframe (youtube) .video_groups" with a video and a .block_group block on top of it, when you hover over .wrapper_group, .block_group is hidden and .video_groups is visible, if you remove the mouse from .wrapper_group, then .block_group covers .video_groups back. How can I make .video_groups stay on click on play even when mouse is hidden with .wrapper_group?

$('.wrapper_group').hover(function () {
    $(this).children(".block_group").css('visibility', 'hidden');
}, function () {
    $(this).children(".block_group").css('visibility', 'visible');
});

Answer 1

youtube API