Автоматическое воспроизведение и остановка звука html5 с помощью jquery

У меня есть небольшая проблема.

У меня на оверлее окно, похожее на фейсбук. Это поле скрывается, когда пользователь нажимает «Нравится» — очевидно. Я хочу использовать аудиоэлемент, когда это окно видно, и остановить звук, когда это окно будет скрыто. Итак, это мой html и jquery. Пожалуйста помогите.

<audio id="audio_player" loop="loop">
    <source src="fileadmin/templates/main/crowd.mp3" type='audio/mpeg; codecs="mp3"'>
    <source src="fileadmin/templates/main/crowd.ogg" type='audio/ogg; codecs="vorbis"'>
</audio>

$(document).ready(function(){
function audio_player (){
    if (
        $('fb_like_box').css('display','block')){
            $('audio').each(function() {
                var song = $(this);
                    song.play();
                });
    }
    else if (
        $('fb_like_box').css('display','none')) {
            $('audio').each(function() {
                var song = $(this);
                    song.pause();
                });
    }
    else {}
}
});