2017-02-17 14 views
0

html5ページにaudioplayer.jsという5つ以上のオーディオプレーヤーがあります。javascriptで現在再生中の複数の音声、自動停止他

は、誰もが、現在のプレイヤーがプレイしているとき、他のすべてのプレーヤーを一時停止するjsファイルに簡単なスクリプトを持っていますか?

のjQuery:

:私は、私は物事をeaseoutするjsFiddleを行い、下記のリンクでいる

window.player = $('audio')[0]; 
$('.audioplayer-playpause').click(function() { 
    if (player.paused) { 
     player.play(); 
    } else { 
     player.pause(); 
    } 
}); 

次のように試してみました

$(function(){ 
    $("audio").audioPlayer(); 
}); 

ライブラリ

https://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js 

JS Fiddle for Audio Player

答えて

0

code.I下にしてみはあなたを削除Javascriptを&にこのコードを入れて、それが

JSFiddle

を更新しました:) :)働いているJSフィドル&でそれをテストしています。

document.addEventListener('play', function(e){ 
 
    // get all <audio> tag elements in the page. 
 
    var allAudios = document.getElementsByTagName('audio'); 
 
    // Iterate through all players and pause them, except for 
 
    // the one who fired the "play" event ("target") 
 
    for(var i = 0; i<allAudios.length; i++){ 
 
     if(allAudios[i] != e.target){ 
 
      allAudios[i].pause(); 
 
     } 
 
    } 
 
}, true);

+0

Noooo ..あなたは、プラグインの初期化を削除しました。プレイヤーコードを変更しないでください – Gags

+0

そして私はこのコードを既に知っています。これはこのプレーヤーでは機能しません。 – Gags

+0

これを試してみてください[JSFiddle](https://jsfiddle.net/8u2pcj83/20/) –

関連する問題