爱秀代码's Archiver

icode 发表于 2018-10-25 12:35

扁平风格mp3播放器修正版(无需开启html权限)

按图所示建立新的编辑器标签
[attach]539[/attach]

[attach]541[/attach]

按照这个帖子[url]http://icode.258club.com/thread-164-1-1.html[/url]的[b][color=Red]前两步[/color][/b]操作。

然后在替换内容里放入下边代码[code]<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>[/code]

波斯佳人 发表于 2018-10-25 13:53

[quote]看帖回帖那是一定要的:[img]http://icode.258club.com/images/smilies/007/06.gif[/img]哇!你真有才![/quote]

無名 发表于 2018-10-25 14:00

[quote]看帖回帖那是一定要的:[img]http://icode.258club.com/images/smilies/007/05.gif[/img]精彩至极,文章写的真棒,对我非常有帮助[/quote]

麻城生活网 发表于 2018-10-25 21:27

[quote]看帖回帖那是一定要的:[img]http://icode.258club.com/images/smilies/007/05.gif[/img]精彩至极,文章写的真棒,对我非常有帮助[/quote]

麻城生活网 发表于 2021-6-26 12:53

安装这个后没反应的,没有播放时间显示

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.