一个页面禁止两个audio标签同时播放,在这个示例中，我们为两个audio标签添加了事件监听器，当一个audio开始播放时，检查另一个audio是否正在播放，如果是，则暂停它。这样就实现了禁止两个audio标签同时播放的功能。
要实现这个功能，可以使用JavaScript来控制两个audio标签的播放状态。当一个audio开始播放时，暂停另一个audio。以下是一个简单的示例：
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>禁止两个audio标签同时播放</title>
</head>
<body>
<audio id="audio1" controls>
<source src="audio1.mp3" type="audio/mpeg">
您的浏览器不支持audio标签。
</audio>
<br>
<audio id="audio2" controls>
<source src="audio2.mp3" type="audio/mpeg">
您的浏览器不支持audio标签。
</audio>
<script>
var audio1 = document.getElementById("audio1");
var audio2 = document.getElementById("audio2");
audio1.addEventListener("play", function() {
if (!audio2.paused) {
audio2.pause();
}
});
audio2.addEventListener("play", function() {
if (!audio1.paused) {
audio1.pause();
}
});
</script>
</body>
</html>以上内容仅代表作者观点，甚至可能并非原创，如遇未经考证信息需持审慎态度。若有疑问，可联系本站处理。
0
您需要 登录账户 后才能发表评论