jQuery jPlayer - How to stop all players before playing a new one?

Question

I need to stop all other instances of jPlayer before playing a new one when i click play.

Thanks for you help.

score 7 · Accepted Answer · answered May 04 '10 at 15:14

7

SOLVED

just assigned onclick function to the play trigger and the functions does:


function stopall(){
    $(".jplyrselectr").jPlayer("stop");
}

answered May 04 '10 at 15:14

Mr_Nizzle

6,644
12
55
85

Nice - I used this to stop all jPlayers when opening a lightbox with a youtube video. – squarecandy Dec 01 '16 at 23:16

score 4 · Answer 2 · answered Dec 16 '11 at 18:40

4

Give all of your players a class (I think default is class="jp-jplayer"), then include the following "play" event handler in your initialisation options:

$("#jplayer1").jPlayer({
    ready: function() {
        $(this).jPlayer("setMedia", {
            mp3: "mp3/track1.mp3"
        });
    },
    play: function() {
        $(".jp-jplayer").not(this).jPlayer("stop");
    },
    swfPath: "js",
    wmode: "window"
});

answered Dec 16 '11 at 18:40

jackocnr

17,068
10
54
63

Thanks @jackocnr, this worked perfectly for me and didn't required any messy inline javascript. – Tom Gillard Jul 07 '13 at 14:53

score 1 · Answer 3 · edited Mar 06 '13 at 02:21

1

$('#jPlayer_ID').jPlayer("pauseOthers");

edited Mar 06 '13 at 02:21

Taryn

242,637
56
362
405

answered Mar 05 '13 at 18:40

Eric Hodonsky

5,617
4
26
36

This does not provide an answer to the question. To critique or request clarification from an author, leave a comment below their post. – Roman C Mar 05 '13 at 18:57
1

Actually it does EXACTLY what the OP asked, you just have to extrapolate... if you can't use what I've given, you need to take a step back. I'm assuming he knows how to watch for the 'click play' event he's talking about. – Eric Hodonsky Mar 05 '13 at 19:00
1

This worked for me. Additionally, if you want to choose where to put the play head postion in seconds pass a second integer parameter. This is straight from the documentation: `// Equivalent to "stop others", passing time as zero. $("#jpId").jPlayer({ play: function() { $(this).jPlayer("pauseOthers", 0); // stop all players except this one. } });` – racl101 Sep 25 '14 at 06:24

score 1 · Answer 4 · answered May 04 '10 at 14:20

1

maybe $("#jpId1, #jpId2, #jpId3").stop();

answered May 04 '10 at 14:20

makeitmorehuman

11,287
3
52
76

score 1 · Answer 5 · answered Feb 12 '12 at 14:59

1

You can use this method:

$.jPlayer.pause(); // Pause all instances of jPlayer on the page

Reference: Jplayer develpment guide

Or alternatively you can put this in the onclick or the click event function handler

$('[id^="jquery_jplayer"]').jPlayer("pause");

answered Feb 12 '12 at 14:59

Robin Rizvi

5,113
4
27
35

1

This does what you're asking, but then you have to fire the play event manually. Try just adding this to your jPlayer Obj: `$().jPlayer({play:function(){$(this).jPlayer("pauseOthers");}});` – Eric Hodonsky Mar 05 '13 at 19:01

jQuery jPlayer - How to stop all players before playing a new one?

5 Answers5

Linked