当前位置: 首页 > 工具软件 > jPlayer HTML5 > 使用案例 >

jplayer指定html5,jplayer列表播放错误自动进入下一首方法

柏夕
2023-12-01

jplayer列表播放错误自动进入下一首方法

蓝叶    网站设计    2016-08-05    5410    0评论

jplayer是一个很好用的html5音乐视频播放器,不知道的可以自行百度下看看详细介绍和使用方法;jplayer的列表播放在默认情况下,播放错误会停止播放,不会自动跳过进入下一首,这样很影响用户体验,蓝叶看了下jplayer的文档,发现有错误处理的函数error,但是不会跳过自动进入下一首,如果想要让jplayer列表播放错误自动进入下一首,要么修改jplayer.js文件或者在自定义的js文件写一段jq代码,判断播放错误时跳过自动进入下一首,下面是一个简单的方法,请看代码。

这是错误处理代码部分。

error: function(event){$(".jp-next").trigger("click");}

这是完整的列表例子,请对照jplayer源码里的播放列表做修改。

$(document).ready(function(){

var myPlaylist = new jPlayerPlaylist({

jPlayer: "#jquery_jplayer_N",

cssSelectorAncestor: "#jp_container_N"

}, [

{

title:"音乐名称",

mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3"

},

{

title:"音乐名称",

mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3"

}

],{ready:function(){$(this).jPlayer("play")},

error: function(event){$(".jp-next").trigger("click");},

swfPath: "../../dist/jplayer",

supplied: "mp3",

useStateClassSkin: true,

autoBlur: false,

smoothPlayBar: true,

keyEnabled: true,

audioFullScreen: true

});

});

评论一下

赞助蓝叶

赞助蓝叶X

版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶博客》。

本文网址:https://lanyes.org/web/jplayer_error.html

 类似资料: