移动端的循环播放？

Question

点击全部播放实现歌曲一个接一个播放。

js代码

    var music = $(".playvideo ul").find("audio"); 
    for(var i = 0; i < music.length; i++) {//获取所有的标签然后全部暂停
        music[i].pause();
    }
    var index = 0;
    music[index].play();
    var allplay = setInterval(function() { //定时器检测是否播放完毕
        if(index == (music.length-1) && music[music.length - 1].ended) {
            clearInterval(allplay);
        }
        if(!music[index].ended && index < music.length-1) {//播放完毕播放下一首
            index++;
            music[index].play();
        }
    }, 1000);
}

html代码：

<div class="playvideo">
    <ul>
        <li><div class="number fl">1</div><div class="musicname fl"><div class="album">给自己情书1</div><div class="singer">王菲-《笑忘书》</div></div><div class="playstate fl"><img src="images/play.png" class="play"><audio class="1"><source src="media/pg.mp3"></audio></div><div class="clear"></div></li>
        <li><div class="number fl">2</div><div class="musicname fl"><div class="album">给自己情书1</div><div class="singer">王菲-《笑忘书》</div></div><div class="playstate fl"><img src="images/play.png" class="play"><audio class="1"><source src="media/pg.mp3"></audio></div><div class="clear"></div></li>
        <li><div class="number fl">3</div><div class="musicname fl"><div class="album">给自己情书1</div><div class="singer">王菲-《笑忘书》</div></div><div class="playstate fl"><img src="images/play.png" class="play"><audio class="1"><source src="media/pg.mp3"></audio></div><div class="clear"></div></li>
        <li><div class="number fl">4</div><div class="musicname fl"><div class="album">给自己情书1</div><div class="singer">王菲-《笑忘书》</div></div><div class="playstate fl"><img src="images/play.png" class="play"><audio class="1"><source src="media/pg.mp3"></audio></div><div class="clear"></div></li>
        <li><div class="number fl">5</div><div class="musicname fl"><div class="album">给自己情书1</div><div class="singer">王菲-《笑忘书》</div></div><div class="playstate fl"><img src="images/play.png" class="play"><audio class="1"><source src="media/pg.mp3"></audio></div><div class="clear"></div></li>
    </ul>
 </div>
 
 
 在谷歌的手机模式下可以循环播放，但是在手机上就不可以循环了了，求大神帮忙 感谢了

Answer 1

值看到您对index++的处理，并没有看到index越界后返回数组边界的处理，怎么循环呢？是没有贴出来还是怎样