<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="Script Tutorials" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>黑色质感HTML5播放器代码 - 网页模板</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div class="example">
<div class="player">
<div class="pl"></div>
<div class="title"></div>
<div class="artist"></div>
<div class="cover"></div>
<div class="controls">
<div class="play"></div>
<div class="pause"></div>
<div class="rew"></div>
<div class="fwd"></div>
</div>
<div class="volume"></div>
<div class="tracker"></div>
</div>
<ul class="playlist hidden">
<li audiourl="http://zjdx1.www.moobnn.com/Files/DownLoad/sound1/201506/6039.mp3" cover="images/1.jpg" artist="Maroon 5">Sugar.mp3</li>
<li audiourl="http://zjdx1.www.moobnn.com/Files/DownLoad/sound1/201506/6039.mp3" cover="images/2.jpg" artist="平安">洋葱.mp3</li>
<li audiourl="http://zjdx1.www.moobnn.com/Files/DownLoad/sound1/201506/6039.mp3" cover="images/2.jpg" artist="周杰伦">你听得到.mp3</li>
</ul>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>