本站左下角播放器代码

tongyao

发布于 2022-06-09 14:40:50

9570

发布于 2022-06-09 14:40:50

文章被收录于专栏：tongyao

代码来源

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

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

引入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>

大家自行可选一种。

引入核心

把 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>

然后就大功告成啦！~