私のオーディオプレーヤーが見えないのですが、どうすれば修正できますか？

Question

どのように、私はリストから項目をクリックすると、そのプレイヤーが曲を果たしているが、私は選手を見て、それを制御することはできません、私は私の<a>タグ付きの曲のプレイリストを作った、と私はプレーヤーを作りましたこれは固定されているので、私はプレーヤーを見ることができ、まだリストから曲を選ぶことができますか？ ここ

は私のHTMLです（私は...オーディオプレーヤーのスタイルを設定していない）：

<audio preload="auto" src="#" autoplay="true"></audio> 

<a class="trigger" href="#" data-src="audio/song1.mp3">Song #1</a> 
<a class="trigger" href="#" data-src="audio/song2.mp3">Song #2</a> 
<a class="trigger" href="#" data-src="audio/song3.mp3">Song #3</a> 
<a class="trigger" href="#" data-src="audio/song4.mp3">Song #4</a> 

と私はオーディオタグからソースを変更するために使用jQueryの

$('.trigger').on('click', function() { 
    $('audio').prop('src', $(this).data('src')); 
}); 

Answer 1

この記事を書く：

<audio preload="auto" src="#" autoplay="true" controls></audio>