一地纸

 找回密码
 立即注册

DZ 编辑器添加HTML 5 <audio>音频播放器

[复制链接]
7
小风 发表于 2018-3-28 11:27:43

版主 |主题 |帖子 |积分 513

刚准备分享一首歌,结果发现DZ编辑器内置的音乐播放器用不了,发帖后直接显示MP3地址而非播放器,也懒得去找原因了,直接在后台添加一个更省事。
效果见:https://www.1-dz.com/thread-18968-1-1.html

后台 >> 界面 >> 编辑器设置 >> Discuz!代码 >> 新增一个标签:dzaudio;
提交后点dzaudio标签后面的详情,将下面的代码copy到替换内容里提交即可,参数提示语随便写,其它不用管。
  1. <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto" src="{1}">
  2.       你的浏览器不支持audio标签
  3. </audio>
复制代码


图示:
QQ截图20180328112001.png
QQ截图20180328112141.png


HTML 5 <audio> 标签属性:
属性
描述
autoplay
autoplay如果出现该属性,则音频在就绪后马上播放。
controls
controls如果出现该属性,则向用户显示控件,比如播放按钮。
loop
loop如果出现该属性,则每当音频结束时重新开始播放。
muted
muted规定视频输出应该被静音。
preload
preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src
url要播放的音频的 URL。




7
 楼主| 小风 发表于 2018-3-28 11:46:19

版主 |主题 |帖子 |积分 513

小图标:
放到m\static\image\common\目录下,然后编辑器图标文件那写audio.gif就行了
audio.gif

QQ|小黑屋|一地纸 ( 闽ICP备09072999号 )

GMT+8, 2018-4-21 12:06 , Processed in 0.116430 second(s), 26 queries , Gzip On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表