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

  

posted @ 2016-12-09 11:04  Zion0707  阅读(2579)  评论(0编辑  收藏  举报