侧边栏播放器

茗茶 • 2022-09-27 • 主题笔记, 学习笔记, 源码笔记, 站长笔记 • 315 阅读

开始

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

截图

侧边栏播放器插图

侧边栏播放器插图1

教程

这个是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文件即可。

文件

此处内容需要 回复 后才能查看

 

本片文章是由【茗茶】所编写的。
如要转载此文章必须经过本文章作者【茗茶】授权允许
转载本文章【侧边栏播放器】时，需要标注来源地址！否则后果自负！
本片文章的网址是：https://www.asukatea.cc/1201.html | 请标注来源地哦~~~
THE END
分享
二维码
打赏
海报
侧边栏播放器
开始 今天我给大家分享一下我站点的播放器代码 其实也是十分的简单。 你只需要在你的网站中添加几个文件和几行代码即可。 话不多说，我们开始吧。 注【这个播……
<<上一篇
下一篇>>
文章目录
关闭
目 录