加载时加载 MP3 或 MP4 音频

如何解决加载时加载 MP3 或 MP4 音频

我想在页面加载后立即添加 MP3 文件的音频（最好通过 JS）。

1. 它应该只播放一次并且在开始时
2. 我已经阅读了有关 audio 元素的 W3Schools 和 Mozilla 文档，但它不仅有效

我的 HTML：

<audio>
<source src="../html/TaDum.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

我的JS：

var vid = document.querySelector("audio"); 
vid.onload = function(){
    vid.play();
};

这里的解决方案是什么？任何帮助表示赞赏。

解决方法

试试下面的代码：

<audio controls id="audio">
  <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<script type="text/javascript">
  document.onload = play();

  function play() {
    var audio = document.getElementById("audio");
    audio.play();
  }
</script>

这是一个Demo