javascript - Stop JWPlayer when hidden the div with the player - Stack Overflow

admin管理员组

文章数量:1325236

I have a site where I'm using a JavaScript to add or remove a css class. Using this method I hide a div or show a div, as I need it. It works great.

The problem is one div opens a Video with a JWplayer, when I hide the "window" or better say, the div. The sound is still playing, so I need a code to put stop on the video when someone clicks the "hide" button or close button.

How do you do that? I have no idea.

Thanks

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);
                }
            );

I have a site where I'm using a JavaScript to add or remove a css class. Using this method I hide a div or show a div, as I need it. It works great.

The problem is one div opens a Video with a JWplayer, when I hide the "window" or better say, the div. The sound is still playing, so I need a code to put stop on the video when someone clicks the "hide" button or close button.

How do you do that? I have no idea.

Thanks

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);
                }
            );

• javascript
• jquery
• jwplayer

Share Improve this question Follow edited Apr 9, 2013 at 18:02 Phil Miller 38.2k1313 gold badges7070 silver badges9191 bronze badges asked Apr 9, 2013 at 17:49 DreaminMedia QueretaroDreaminMedia Queretaro 22911 gold badge55 silver badges1717 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

I don't know JW Player, but judging by their docs, I'm going to go with

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

...or jwplayer( 'my-video' ).pause(); depending on the desired effect.

本文标签： javascriptStop JWPlayer when hidden the div with the playerStack Overflow