免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
发帖
查看: 2270|回复: 4
上一主题 下一主题 打印

[教学] 扁平风格mp3播放器修正版(无需开启html权限)   [复制链接]

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

附件:您需要 登录 才可以下载或查看,没有帐号?立即注册

x
按图所示建立新的编辑器标签
1.png
2018-10-25 12:31


3.png
2018-10-25 12:35


按照这个帖子http://icode.258club.com/thread-164-1-1.html前两步操作。

然后在替换内容里放入下边代码
  1. <div class="audio green-audio-player"><div class="loading"><div class="spinner"></div></div><div class="play-pause-btn">  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="0 0 18 24"><path fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon" id="playPause"/></svg></div><div class="controls"><span class="current-time">0:00</span><div class="slider" data-direction="horizontal"><div class="progress"><div class="pin" id="progress-pin" data-method="rewind"></div></div></div><span class="total-time">0:00</span></div><div class="volume"><div class="volume-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z" id="speaker"/></svg></div><div class="volume-controls hidden"><div class="slider" data-direction="vertical"><div class="progress"><div class="pin" id="volume-pin" data-method="changeVolume"></div></div></div></div></div><audio crossorigin><source src="{1}" type="audio/mpeg"></audio></div><script src="templates/colors/bianping_music.htm"></script>
复制

上一篇: 微信播放器

下一篇: 扁平风格mp3播放器

最近看过此主题的会员

天使小小
访问时间:2021-11-10 10:17
梅子
访问时间:2021-09-17 22:42
呆萌虫虫
访问时间:2021-07-06 20:23
星幻
访问时间:2021-06-29 11:39
icode
访问时间:2021-06-26 18:39
麻城生活网
访问时间:2021-06-26 12:53
实中网
访问时间:2021-06-02 20:48
管理員
访问时间:2021-05-31 20:27
小可爱
访问时间:2020-10-17 16:46

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

看帖回帖那是一定要的:哇!你真有才!
发帖际遇:波斯佳人 在海里游泳丢失泳裤,被泳场便利店坑了 2 金钱
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

看帖回帖那是一定要的:精彩至极,文章写的真棒,对我非常有帮助
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

看帖回帖那是一定要的:精彩至极,文章写的真棒,对我非常有帮助
发帖际遇:麻城生活网 RP值爆棚,系统莫名给了7个威望值
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

安装这个后没反应的,没有播放时间显示
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
快速
返回顶部
返回首页