再生終了時にオーディオプレーヤーのアイコンを変更する

Question

コードを使用して、コードを使用してaudioのアイコンを使用するようにスタイルを設定しました。

元のコードは1人のプレイヤーのみで動作していたので、同じページの複数のプレイヤーで動作するように変更しました。これは動作し、クリックするアイコンに応じて正しいwavファイルを再生します。

私の問題は一度特定のwavファイルを再生すると、元のplay状態に戻らないアイコンが完了します。

私はFIDDLEをここに作成しました。これは意味を表しています。

これはプレイバック終了時に私が使用しているjQueryのです：

$('#player' + id).on('ended', function() { 
     console.log ('ended') 
    $('#speaker' + id).removeClass('speakerplay'); 
    /*When the audio has finished playing, remove the class speakerplay*/ 
    audiostatus = 'off'; 
    /*Set the status back to off*/ 
    }); 

私は問題はIDが知っているではないか、それはIDの

誰でも選手のいずれかの可能性によるものだと思いますどのように私はこれを解決することができる任意のアイデア？

ありがとうございました

Answer 1

私はそれを修正したようです。作業それを示す

$('[id^="player"]').on('ended', function() { 
    id = this.id.replace('player','') 
    $('#speaker' + id).removeClass('speakerplay'); 
    audiostatus = 'off'; 
}); 

新しいFIDDLE。