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

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

//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(); } } })

  

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