js如何只允许一个audio播放
播放第二收歌曲时,前一首却没有暂停,怎么办
1条回答 默认 最新
- CSDN专家-天际的海浪 2021-11-02 22:37关注
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title> 页面名称 </title> </head> <body> <audio src="aaa.mp3" controls="controls" >你的浏览器不支持audio标签</audio><br /> <audio src="bbb.mp3" controls="controls" >你的浏览器不支持audio标签</audio><br /> <audio src="ccc.mp3" controls="controls" >你的浏览器不支持audio标签</audio><br /> <script type="text/javascript"> var audios = document.getElementsByTagName("audio"); // 暂停函数 function pauseAll() { var self = this; [].forEach.call(audios, function (i) { // 将audios中其他的audio全部暂停 i !== self && i.pause(); }) } // 给play事件绑定暂停函数 [].forEach.call(audios, function (i) { i.addEventListener("play", pauseAll.bind(i)); }) </script> </body> </html>
如有帮助,望采纳!谢谢!
解决 无用评论 打赏 举报
悬赏问题
- ¥15 鼠标右键,撤销删除 复制 移动,要怎样删除
- ¥15 使用MATLAB进行余弦相似度计算加速
- ¥15 服务器安装php5.6版本
- ¥15 我想用51单片机和数码管做一个从0开始的计数表 我写了一串代码 但是放到单片机里面数码管只闪烁一下然后熄灭
- ¥20 系统工程中,状态空间模型中状态方程的应用。请猛男来完整讲一下下面所有问题
- ¥15 我想在WPF的Model Code中获取ViewModel Code中的一个参数
- ¥15 arcgis处理土地利用道路 建筑 林地分类
- ¥20 使用visual studio 工具用C++语音,调用openslsx库读取excel文件的sheet问题
- ¥100 寻会做云闪付tn转h5支付链接的技术
- ¥15 DockerSwarm跨节点无法访问问题