您的位置:首页 > Web前端 > HTML5

HTML5开发,audio 控制,当单个音频播放的时候,其它音频保持暂停状态,避免重音

2016-12-09 11:04 681 查看
//html部分
<audio controls src="http://sc1.111ttt.com/2016/1/12/09/205090905133.mp3"></audio>
<audio controls src="http://sc1.111ttt.com/2016/5/12/09/205090518581.mp3"></audio>
<audio controls src="http://sc1.111ttt.com/2016/5/12/09/205090518581.mp3"></audio>

//js 部分
//当音频播放按钮被触发的时候
$('audio').on('play',function(){
//这里的索引是1开始的所以要减一
var thisIndex = $(this).index()-1;
for( var i = 0 , len = $('audio').length ; i < len ; i ++ ){
//如果是当前这个音频播放,那么就跳过,其它音频全部暂停
if ( thisIndex != i ) {
$('audio')[i].pause();
}
}
})


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: