同一个 html 页面中，有多个 mp3 文件，audio 标签的 id 不一样，但是 js 的 onclick=“ play()”只能控制一个 mp3 文件的播放事件，其他的无效控制不了。
#html
<body>
<audio id="audio1">
<source src="audio1.mp3" type="audio/mpeg">
</audio>
<button onclick="play()" type="button">播放</button>
<button onclick="pause()" type="button">暂停</button>
<script>
var x = document.getElementById("audio1");
function play(){
x.play();
}
function pause(){
x.pause();
}
</script>
<audio id="audio2">
<source src="audio2.mp3" type="audio/mpeg">
</audio>
<button onclick="play()" type="button">播放</button>
<button onclick="pause()" type="button">暂停</button>
<script>
var x = document.getElementById("audio2");
function play(){
x.play();
}
function pause(){
x.pause();
}
</script>
</body>
Select Language