QPlayer音乐播放器

作者 : 佰颜 本文共935个字,预计阅读时间需要3分钟 发布时间: 2020-08-16 共19人阅读

先言:

  • 给网站加一个超好看的音乐播放器.

使用教程:

  • 将代码文件中的 .link 代码放入网站 <head></dead>之间.
  • 然后把 .body 代码放入 网站的 </body>标签之前.
  • 注意咯,如果不想下载文件,直接复制代码放入网站就行了!

效果预览:

1597568531-c96e299b7d0fcbe

代码文件:

.link
<link rel="stylesheet" href="https://www.yunmge.com/ys/28/css/player.css">
.body
<div id="QPlayer">  
          <div id="pContent">
	         <div id="player">
	         	<span class="cover"></span>
	             	<div class="ctrl">
			<div class="musicTag marquee">
				<strong>Title</strong>
				 <span> - </span>
				<span class="artist">Artist</span>
			</div>
			<div class="progress">
				<div class="timer left">0:00</div>
				<div class="contr">
					<div class="rewind icon"></div>
					<div class="playback icon"></div>
					<div class="fastforward icon"></div>
				</div>
				<div class="right">
					<div class="liebiao icon"></div>
				</div>
			</div>
		</div>
	</div>
	 <div class="ssBtn">
	   <div class="adf"></div>
    </div>
</div>
    <ol class="playlist"></ol>
</div>
  <script src="https://www.yunmge.com/ys/28/js/jquery.min.js"></script>
  <script src="https://www.yunmge.com/ys/28/js/jquery.marquee.min.js"></script>
 <script src="https://www.yunmge.com/ys/28/js/player.js"></script>
因为游客付款订单金额过低的原因所有低于3M的压缩包全部按3M计算也就是支付宝支付的0.01元
疯狂资源站 » QPlayer音乐播放器

常见问题FAQ

资源的下载速度怎么样?
所有资源均存储于阿里云oss全球极速下载!
资源包安装吗?
本站仅仅提供下载服务,如需安装另付费!
资源损坏不完整等等怎么办?
资源均来自互联网,仅收集并提供极速下载!

发表评论