使用jquery自动播放和停止html5音频

Question

我有一点问题.

我在叠加层上有一个类似于Facebook的盒子窗口.当用户点击时,此框隐藏 - 显然.我希望在此窗口可见时使用音频元素,并在隐藏此窗口时停止音频.所以这是我的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 {}
}
});

Answer 1

使用:visible选择器并根据内容添加.or 。不是有效的选择器。假设它是一个ID#fb_like_boxfb_like_box

if ($('#fb_like_box').is(':visible')){
      // like box visible, play audio
            $('audio').each(function() {
                var song = $(this);
                    song.play();
                });
    }
    else {
      // like box hidden pause audio  
            $('audio').each(function() {
                var song = $(this);
                    song.pause();
                });
    }