zplayer

<div id="player"></div>
<script>
    var zp = new zplayer({
        element: document.getElementById("player"),
	autoPlay: false,/*是否开启自动播放,默认false*/
	lrcStart: true,/*是否开启歌词功能 ，默认false（为true时musics集合中需要传入lrc字段。）*/
	showLrc: true,/*开启歌词功能后是否立即展示歌词内容 ，默认false*/
	fixed: true, /*是否固定在底部，默认false*/
	listFolded: true, /*列表默认折叠，默认false*/
	listMaxHeight: 300, /*列表最大高度，默认240*/
	musics: [{
	    title: "可能否",
	    author: "木小雅",
	    url: "http://music.163.com/song/media/outer/url?id=569214126.mp3",
	    pic: "http://p1.music.126.net/SJYnDay7wgewU3O7tPfmOQ==/109951163322541581.jpg?param=300x300",
	    lrc:"[00:00] 作曲 : 木小雅\n[00:01] 作词 : 木小雅\n[00:17]春天的风 能否吹来夏天的雨"
	},{
	    title: "讲真的",
	    author: "曾惜",
	    url: "http://music.163.com/song/media/outer/url?id=30987293.mp3",
	    pic: "http://p1.music.126.net/cd9tDyVMq7zzYFbkr0gZcw==/2885118513459477.jpg?param=300x300",
	    lrc:"[by:却连一句我爱你都不能说出口]\n[ti:讲真的]\n[ar:曾惜]\n[al:不要你为难]\n[by:冰城离殇]\n[00:00] 作曲 : 何诗蒙\n[00:01] 作词 : 黄然\n[00:18]今夜特别漫长"