侧边栏播放器

开始

今天我给大家分享一下我站点的播放器代码
其实也是十分的简单。
你只需要在你的网站中添加几个文件和几行代码即可。
话不多说，我们开始吧。
注【这个播放器只能播放收藏夹的前10个音乐】

截图

教程

这个是HTML代码。
放在主题或单页HTML的【body】标签内即可

<div class='est-frontend-display-wrap est-left est-template-1 est-fixed est-mobile-display-on'
		id="est-front-display-wrap">
		<div class="est-content-slider est-tab-type">
			<div class="est-content-slider-title">
				<h2>音乐播放器</h2>
			</div>
			<div class="est-slider-content est-content-hidden">
				<div class="est-slider-content-inner-wrap">
					<!-- 此处内嵌一个网易云歌单页面，修改“id=#”将“自己歌单的ID代替#即可”可更换歌单，左侧图片为歌单封面 -->
					<p><iframe frameborder="no" marginwidth="0" marginheight="0" width="280" height="300"
							src="https://music.163.com/outchain/player?type=0&amp;id=#&amp;auto=0&amp;height=290"></iframe>
					</p>
				</div>
				<span class="est-close-slider-content">x</span>
			</div>
		</div>
	</div>

接下来我们需要在【head】里面放入下面两串代码即可。

<link rel='stylesheet' id='est-frontend-css-css' href='./css/est-frontend.css' type='text/css' media='all' />
<script type='text/javascript' src='./js/jquery.min.js'
		id='jquery-core-js'></script>
<script type='text/javascript' src='./js/est-frontend.js' id='est-frontend-js-js'></script>

是不是很简单啊？
接下来你只需要在源码文件夹内上传CSS和JS文件即可。

文件