如何在HTML中删除音频播放器的黑色背景

Question

我用<embed>在我的网页上嵌入了一个音频，但播放器背后有黑色背景。为什么会发生这种情况，我应该如何删除它？或者还有其他更好的方法来嵌入音频吗？

[<embed src="../audio/introduction.mp3" autostart="true" loop="true" bgcolor="" >]

这就是音频播放器的样子：https://i.stack.imgur.com/Ktr1P.png

Answer 1

如果您使用的是HTML5，那么<audio>标签是您的最佳选择：

https://www.w3schools.com/tags/tag_audio.asp

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Answer 2

我们可以为此目的使用HTML5音频标签而不是嵌入

 <audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>