jPlayer的一些用法

播放器相关

//初始化

$("#jquery_jplayer_1").jPlayer({

ready: function () {

$(this).jPlayer("setMedia", {

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

});

},

swfPath: "js",

supplied: "mp3",

wmode: "window"

});

//设置媒体信息

$("#jquery_jplayer_1").jPlayer("setMedia",{

    mp3:url

});

//开始播放

$("#jquery_jplayer_1").jPlayer("play");

     

播放列表相关

//初始化列表

var musicPlayList = new jPlayerPlaylist({

jPlayer: "#jquery_jplayer_2",

cssSelectorAncestor: "#jp_container_2"

}, [

]

, {

swfPath: "js/jPlayer",

supplied: "oga, mp3",

wmode: "window"

});

//向列表中添加歌曲

musicPlayList.add({

title:title,

mp3:url

});

//播放列表中的指定歌曲

musicPlayList.play(1);  //播放第二首

 

CirclePlayer

myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",

{

//m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",

//oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"

}, {

cssSelectorAncestor: "#cp_container_1",

swfPath: "js/jPlayer",

supplied: "mp3,oga,m4a",

wmode: "window"

});

myCirclePlayer.setMedia({mp3:url});//设置媒体

myCirclePlayer.play();//开始播放

 

 

如果jPlayer在IE等浏览器中无法正常播放

可能需要检查页面是否有如下设置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

你可能感兴趣的:(play)