本站左下角播放器代码

代码来源

最近一直想往网站上加个播放器连接,找了半天也没找到,干脆自己写一个吧!

一款左下角可伸缩弹出、美观的播放器诞生了!

引入css、js,

引入css,js有两种方式,
1、在线引入:

<link rel='stylesheet' type='text/css' href='https://super-tongyao.github.io/plugin.github.io/css/tongyao_player/1.3/tongyao_player-1.3.css' />
<script type='text/javascript' src='https://super-tongyao.github.io/plugin.github.io/js/tongyao_player/1.3/tongyao_player-1.3.js'></script>

2、本地引入:

<link rel='stylesheet' type='text/css' href=./tongyao_player-1.3.css' />
<script type='text/javascript' src='./tongyao_player-1.3.js'></script>

大家自行可选一种。 :huaji2:

引入核心

把 demo.html页面里面body包含的div块,加入到你的页面里。

<body>
	<div id='tongyao-music'>
		<iframe id="tongyao-iframe" frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="110" src="http://music.163.com/outchain/player?type=0&amp;id=5388442370&amp;auto=1&amp;height=90"></iframe>
		<div id="tongyao-left">
			&gt;
		</div>
	</div>
</body>

然后就大功告成啦!~ :huaji22:

更换音乐连接

至于怎么更换链接,请看:https://music.163.com/#/outchain/0/5388442370/

也可以更换iframe中的src里面id=5388442370字段,id换成你的歌单id就行了

也可以更换整个src连接。

auto=1这个是设置自动播放,设置为0不自动播放

下载地址

下载地址:https://github.com/super-tongyao/Tongyao_Player.git

求Star!求Star!求Star! :huaji11:

有什么问题,可以在评论区留言。

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注