JQuery, работающий со звуком

Question

У меня есть список песен, когда я нажимаю на определенную песню песни, которую нужно изменить. Хорошо, песня была изменена, но она больше не играет. Есть идеи?

<div id="music"> 
    <a href="horse.mp3">horse music</a> 
    <a href="eminem.mp3">Eminem song</a> 
</div> 
<audio controls> 
    <source src="1.mp3" type="audio/mpeg"> 
</audio> 

и

<script> 
    $(document).ready(function(){ 
     $('#music a').click(function(){ 
      event.preventDefault(); 
      var value = $(this).attr('href'); 
      $('p').html("<p>"+value+"</p>"); 
      $('source').attr("src", value); 
      audio.load(); 

     }); 
    }); 
</script> 

Answer 1

$(document).ready(function() { 
     $('#music a').click(function() { 
      event.preventDefault(); 
      var value = $(this).attr('href'); 
      $('p').html("<p>"+value+"</p>"); 
      $('source').attr("src", value); 
      var audio = $('audio'); 
      audio.attr('src', value); 
      audio.load(); 
      audio.trigger('play'); 
     }); 
    }); 

Answer 2

Пожалуйста, попробуйте этот код,

$(document).ready(function(){ 
    $('#music a').click(function(){ 
     event.preventDefault(); 
     var audioElement = $("audio"); 
     var value = $(this).attr('href'); 
     $('p').html("<p>"+value+"</p>"); 
     audioElement.attr('src', value); 
     audioElement.trigger('play'); 
    }); 
}); 

Надеется, что это будет работать для вас.