如何創建音頻播放器元素？

Question

我想在我的代碼中創建一個音頻播放器，並且想要將音頻源添加到音頻播放器中。 我沒有使用html5，所以它有點不同。

我

var audioPlayer=document.createElement('audio'); 
     audioPlayer.id='audioPlayer'; 
     audioPlayer.className='audioPlayer' 


var audioSource=document.createElement('source'); 
audioSource.src='song.mp3' 

$(this).closest('div').append(audioPlayer); 
audioPlayer.innerHTML=audioSource; //won't do it...... 

我想這樣

的HTML

<audio id='audioPlayer' class='audioPlayer> 
<source src='song.mp3'></source> 
</audio> 

感謝您的幫助！

Answer 1

你忘了把audiosource添加到audioplayer嗎？在你的例子中Audiosource是audioplayer的孩子。

var audioPlayer=document.createElement('audio'); 
audioPlayer.id='audioPlayer'; 
audioPlayer.className='audioPlayer' 
var audioSource=document.createElement('source'); 
audioSource.src='song.mp3' 
audioPlayer.appendChild(audioSource); 

$(this).closest('div').append(audioPlayer); 
//audioPlayer.innerHTML=audioSource; 

嘗試在這裏jsfiddle