MediaElement.js - 如何自动播放下一个音频

Question

当前音频标签结束时如何播放下一个音频标签？我正在使用plagin的MediaElement.js。

<div class="audio-player track quotations">
  <audio src="http://k003.kiwi6.com/hotlink/9ucf2r3yo6/chasing_cars_cover_chris_-    _for_hollie_s_cover.mp3" type="audio/mp3" controls="controls">
  </audio>
</div>
<div class="audio-player track quotations">
  <audio src="http://k004.kiwi6.com/hotlink/vvy55kc7c5/new_distance.mp3" type="audio/mp3" controls="controls">
  </audio>
</div>

Answer 1

您可以在ended标记中添加audio eventlistener，并自动播放下一个标记。例如;

    var selector = 'audio'; // CHANGE as per your requirements
    var audios = $(selector), len = audios.length, i = 0;
    audios.bind('ended', function(e){
        i++;
        if(i === len)   i=0;
        audios[i].play();
    });