如何使用JavaScript在mysql数据库上播放多个音频文件

Question

this is my simple player here of which the link of the audio file is being pulled from the database (i store the music file name on the database), it plays only one song how can i tell it to continue playing let say 10 first songs ? here is my code:

<?php
$sql = "SELECT * FROM songs ORDER BY id ASC LIMIT 2,1;";
$result = mysqli_query($con, $sql);
$resultCheck = mysqli_num_rows($result);

if ($resultCheck > 0) {
while ($row = mysqli_fetch_assoc($result)) {
?>

<div class="col-md-4 player">
<div class="audio-player">
<audio id="audio-player"  controls="controls">
<source src="media/audio/<?php echo $row['audio_file']; ?>" 
type="audio/mpeg"></source>
</audio>
</div>
<?php
}
}
?>

here is my javascript

<script type="text/javascript">
$(function(){
$('#audio-player').mediaelementplayer({
alwaysShowControls: true,
    features: ['playpause','progress','volume'],
    audioVolume: 'horizontal',
    iPadUseNativeControls: true,
    iPhoneUseNativeControls: true,
    AndroidUseNativeControls: true
  });
});