HTML5 Audio播放个数问题

页面有多个audio,有controls属性。
我点击播放了A，这时候我再点击播放B,如何让A暂停掉。使用onclick事件没作用。

html javascript

阅读 2.8k

2 个回答

灰色v碰触

B.onclick = function(){
  A.pause();
  this.play();
}

小小小菜鸟

6551210

发布于
2016-10-15

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
A音乐:<audio src="a.mp3" controls="controls" preload id="music1"></audio>
<button type="button"onclick="playA()">播放A</button>
<br/>
B音乐:<audio src="b.mp3" controls="controls" preload id="music2"></audio>
<button type="button"onclick="playB()">播放B</button>
<script>
var audio1 = document.getElementById('music1'); 
var audio2 = document.getElementById('music2'); 
function playA(){
 audio2.pause();
 audio2.currentTime = 0;
 audio1.play();
}
function playB(){
 audio1.pause();
 audio1.currentTime = 0;
 audio2.play();
}
</script>
</body>
</html>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

HTML5 Audio播放个数问题

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？