子比主题文章引入好看简约的meplayer音乐播放器

演示

前言

其实这个很简单，这个播放器用到了mePlayer

默认主题

• 有歌词时滚动显示歌词，无歌词时显示模拟频谱动画
• 播放中鼠标悬停在界面上滑动滚轮可调节音量，音量大小用音量条表示

迷你主题

• 去掉了大部分控件，仅保留音量调节和播放暂停按钮
• 播放中鼠标悬停在界面上滑动滚轮可调节音量，音量大小用音量图标透明度表示

演示代码

使用方法

直接在主题自定义代码引入js和css即可

<script src="//www.ytshopcn.com/font/meplayer.min.js"></script>
<link href="//www.ytshopcn.com/font/mplayer.min.css" rel="stylesheet">

建议将js和css本地化这里放出来了自己搞一哈把。

然后在文章里添加自定义HTML将演示代码放进去就好了

感谢您的访问，Ctrl+D收藏本站吧。