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

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

1 个答案: