用播放器隐藏 div 时停止 JWPlayer

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();，取决于所需的效果。