mgtv - 素材

当前位置:Gxlcms > 播放器 > 黑色质感HTML5播放器代码

黑色质感HTML5播放器代码

时间:2021-07-01 10:21:17 帮助过:0人阅读

黑色质感HTML5播放器代码 黑色质感HTML5播放器代码是一款带播放列表的HTML5音乐播放器代码,支持自定义歌曲封面,歌曲名称,歌手,支持调节音量,歌曲进度等。
<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播放器代码 - mgtv素材</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.sc.chinaz.com/Files/DownLoad/sound1/201506/6039.mp3" cover="images/1.jpg" artist="Maroon 5">Sugar.mp3</li>
		
		<li audiourl="http://zjdx1.sc.chinaz.com/Files/DownLoad/sound1/201506/6039.mp3" cover="images/2.jpg" artist="平安">洋葱.mp3</li>
		
		<li audiourl="http://zjdx1.sc.chinaz.com/Files/DownLoad/sound1/201506/6039.mp3" cover="images/2.jpg" artist="周杰伦">你听得到.mp3</li>
	</ul>

</div>


</body>