jplayer播放结束进入下一页

现在位置：首页 > 网站设计 > jplayer播放结束进入下一页

jplayer播放结束进入下一页

蓝叶网站设计 2016-08-06 7495 0评论

最近在升级蓝叶听歌房的播放器，用的是jplayer播放器修改而来，为了提高用户体验，想让歌曲播放结束自动翻页进入下一页继续播放，查了下jplayer官方文档，发现有播放结束处理函数ended，这个只能处理单首歌曲播放结束，如果是单首歌曲或视频播放结束进行跳转，那么代码如下面这样写；

ended: function(){
//自定义JS代码进行跳转
window.location.href='要跳转的网址';
}

处理列表播放结束，用ended处理结果达不到要求，那就需要修改jplayer.playlist.min.js的代码，在最后找到next:function()这个函数，修改成下面的代码，就能让列表播放结束自动进入下一页继续播放，如果开启了循环播放，则不会跳转。

说明：#xiapage为分页码下一页的ID名，#homepage为首页的ID名
next:function(){var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0;if(this.loop){if(index === 0 && this.shuffled && this.options.playlistOptions.shuffleOnLoop && this.playlist.length > 1) {this.shuffle(true, true);}else{this.play(index);}}else{if(index > 0){this.play(index);}else{
 if($('#xiapage').attr('href')==undefined){
  if($('#homepage').attr('href')==undefined){this.play(index);}else{
   window.location.href=$('#homepage').attr('href');
   }}else{
    window.location.href=$('#xiapage').attr('href');
    }}}}

评论一下分享本文