jPlayer的一些用法
浏览量:760
播放器相关
//初始化
$("#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">
感谢支持与鼓励～