2

JavaScript を使用して css クラスを追加または削除しているサイトがあります。このメソッドを使用して、必要に応じて div を非表示または表示します。それはうまくいきます。

問題は、「ウィンドウ」を非表示にするか、div を非表示にすると、1 つの div が JWplayer でビデオを開くことです。サウンドはまだ再生中なので、誰かが「非表示」ボタンまたは閉じるボタンをクリックしたときにビデオを停止するコードが必要です。

どうやってそれをしますか？何も思いつきません。

ありがとう

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 に答える