码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-12-09 11:59:24      阅读:711      评论:0      收藏:0      [点我收藏+]

标签:class   控制   com   on()   pause   mp3   index   开始   controls   

//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 控制,当单个音频播放的时候,其它音频保持暂停状态,避免重音

标签:class   控制   com   on()   pause   mp3   index   开始   controls   

原文地址:http://www.cnblogs.com/zion0707/p/6148675.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!