2

我有一个网站，我在其中使用 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);
                }
            );
4

1 回答 1

6

我不认识 JW Player，但从他们的文档来看，我会选择

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

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

于 2013-04-09T17:59:14.443 回答