javascript - 如何创建音频播放器元素？

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 的子级。

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