audio player - nur eine instanz soll spielen

herrfischer

ich habe dieses wordpress audio player plugin gefunden welches auf jplayer basiert:

http://mattvarone.com/featured-content/audio-to-player/

plugin aktiviert und läuft wie eine eins. problem ist nur wenn ich mehrere lieder in meinem artikel habe dann sollte es so sein das immer nur ein player laufen darf, d.h. wenn ich einen laufen habe und einen anderen anlicke soll der erste stoppen. ich habe mal gegooglet und der jplayer hat die funktion:

Code

$.jPlayer.event.play

(http://jplayer.org/latest/demo-03/)

frage ist nur, wie mache ich das mit diesem plugin?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

herrfischer

sowas in der richtung müsste doch funzen, aber tut nix:

Code

<script type="text/javascript">   
        $(document).ready(function(){


        $("#jquery_jplayer_0").jPlayer({
            play: function () { $(this).jPlayer("pauseOthers"); }
        });


        $("#jquery_jplayer_1").jPlayer({
            play: function () { $(this).jPlayer("pauseOthers"); }
        });


        $("#jquery_jplayer_2").jPlayer({
            play: function () { $(this).jPlayer("pauseOthers"); }
        });


    </script>

Alles anzeigen

so schaut eine player instanz aus:

HTML

<div style="width: 0px; height: 0px;" class="audio-file jp-jplayer" id="jquery_jplayer_0"><img style="width: 0px; height: 0px; display: none;" id="jp_poster_0"><audio src="http://www.meineurl.de/kunden/wigy/wp-content/uploads/2013/03/audiofile1.mp3" preload="metadata" id="jp_audio_0"></audio></div><a style="display: none;" href="http://www.meineurl.de/kunden/wigy/wp-content/uploads/2013/03/audiofile1.mp3">song</a><div class="jp-audio-container"><div class="jp-audio"><div class="jp-type-single"><div id="jquery_jplayer_0" class="jp-interface"><div class="jp-controls"><a style="display: block;" href="#" class="jp-play" tabindex="1">Play</a> <a style="display: none;" href="#" class="jp-pause" tabindex="1">Pause</a> <a href="#" class="jp-mute" tabindex="1">Mute</a> <a style="display: none;" href="#" class="jp-unmute" tabindex="1">Unmute</a></div><div class="jp-progress-container"><div class="jp-progress"><div style="width: 100%;" class="jp-seek-bar"><div style="width: 0.871534%;" class="jp-play-bar"></div></div></div></div><div class="jp-volume-bar-container"><div class="jp-volume-bar"><div style="width: 80%;" class="jp-volume-bar-value"></div></div></div></div></div></div></div>

herrfischer

habs rausgefunden, man muss das plugin erweitern um die zeile:

Code

.bind($.jPlayer.event.play, function() { 
                  $(this).jPlayer("pauseOthers");
                    });
                });

.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

audio player - nur eine instanz soll spielen

Jetzt mitmachen!