Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

作者/代码整理:  (转载请附加本文地址,带有“js原生”字样的谢绝转载) 发布日期:2018-05-11
一款带歌曲播放列表的jQuery网页mp3音乐播放器插件,功能也很齐全,放到自己网站上听听音乐,是个不错的选择。


js代码

<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	new jPlayerPlaylist({
		jPlayer: "#jquery_jplayer_1",
		cssSelectorAncestor: "#jp_container_1"
	}, [
		
		{
			title:"歌曲一",
			mp3:"7631.mp3",
			oga:"7631.mp3"
		},
		{
			title:"歌曲二",
			mp3:"7463.mp3",
			oga:"7463.mp3"
		},
		{
			title:"歌曲三",
			mp3:"7399.mp3",
			oga:"7399.mp3"
		}
	], {
		swfPath: "../../dist/jplayer",
		supplied: "oga, mp3",
		wmode: "window",
		useStateClassSkin: true,
		autoBlur: false,
		smoothPlayBar: true,
		keyEnabled: true
	});
});
</script>