Question

我有一个网站，我使用JavaScript来添加或删除css类。使用这种方法我隐藏div或显示div，因为我需要它。它很棒。

问题是一个div用JWplayer打开一个视频，当我隐藏“窗口”或更好地说，div。声音仍在播放，所以当有人点击“隐藏”按钮或关闭按钮时，我需要一个代码来停止视频。

你是怎么做到的？我不知道。

由于

HTML

 <div class="videoquon">
         <div class='my-video-close'></div>
<div id='my-video'></div>
<script type='text/javascript'>
    jwplayer('my-video').setup({
        file: 'qvideo.f4v',
        width: '600',
        height: '337'
    });
</script>
</div>

的JavaScript

  $('div.vidreveal a').click(
                function(event) {
                    event.stopPropagation();
                    $('div.videoquon').slideToggle(300);
                }
            );

   $('div.my-video-close').click(
                function(event) {
                    event.stopPropagation();
                    $('div.videoquon').slideToggle(300);
                }
            );

Answer 1

我不认识JW Player，但从their docs来判断，我将继续

$( 'div.my-video-close' ).click( function( event ) {
    event.stopPropagation();
    jwplayer( 'my-video' ).stop();
    $( 'div.videoquon' ).slideToggle( 300 );
});

...或jwplayer( 'my-video' ).pause();取决于所需的效果。

使用播放器隐藏div时停止JWPlayer

1 个答案: