Jquery, arbeiten mit Audio

Question

Ich habe eine Liste von Songs, wenn ich auf bestimmte Link Song klicken sollte geändert werden. Ok, das Lied wurde geändert, aber es spielt nicht mehr. Irgendwelche Ideen?

<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> 

und

<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

Bitte versuchen Sie diesen Code,

$(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'); 
    }); 
}); 

Hoffnung dies für Sie arbeiten.