jplayer 实战

阅读更多

今天客户一个 B2C服装类网上商城系统需要在网站里播放背景音乐。bgsound是不行的，因为只有IE支持这个标签。关键是要跨浏览器。

考虑jquery，发现jplayer可以实现这个效果。试了一下，门槛还算OK。

$("#jplayer").click(function(){
	$(this).hide();
	$("#jstop").show();
	$("#jquery_jplayer").jPlayer( "pause" );
});

$("#jstop").click(function(){
	$(this).hide();
	$("#jplayer").show();
	$("#jquery_jplayer").jPlayer( "play" );
});

$(document).ready(function(){
	$("#jquery_jplayer").jPlayer({
		ready: function () {
			this.element.jPlayer("setFile", "${music}", "").jPlayer("play");
		},
		volume: 50,
		oggSupport: false,
		preload: 'none',
		swfPath:"http://www.i.com/js/jquery"
	})
	.jPlayer("onSoundComplete", function() {
		this.element.jPlayer("play");
	});
});

如果 swfPath:"http://www.ipremoire.com/js/jquery"不设置swf目录路径。

IE FF 里面无法正常播放