zoukankan      html  css  js  c++  java
  • discuz3.X不改源码,不用插件在帖内播放mp3 mp4音视频文件的正确方法

    discuz3.X不改源码,不用插件在帖内播放mp3 mp4等音视频文件的正确方法

    本方法适用discuz 3.X

    参考:https://blog.csdn.net/qq_38423393/article/details/91409850

               https://blog.csdn.net/immenselee/article/details/79513115

              https://blog.csdn.net/weixin_42799222/article/details/91386149

    很多朋友想加入mp3、mp4的文件或者外链到帖子里实现在线播放,苦于找不到好的插件,而上传到优酷等平台,又有讨厌的广告。
    其实现在的浏览器和移动客户端都已支持了H5 video audio标签。现在提供本人使用的方法给大家,至于mp3、mp4文件怎么上传,大家可自行想办法,可以通过论坛附件上传然后找到mp3、mp4文件地址,也可以上传到其它的视频云平台、FTP空间等获取mp3、mp4文件绝对地址,这里不详细介绍,主要介绍在线播放功能,兼容手机和PC。
    效果演示地址:我要看看

    具体方法:
    进入后台:界面——编辑器设置——Discuz! 代码
    新增标签填:mp3
    显示顺序填:19
    图标文件填:mp3.gif
    新增提交完后,勾选可用和显示
    新增标签填:mp4
    显示顺序填:20
    图标文件填:mp4.gif
    新增提交完后,勾选可用和显示

    在这里插入图片描述

              图1
    然后进入详情
    替换内容复制下面的代码粘贴进去:
    MP3替换内容:

    <audio controls="controls" autoplay="autoplay">
    <source src="{1}" type="audio/ogg" />
    <source src="{1}" type="audio/mpeg" />
    你的浏览器不支持此标签。
    </audio>


    MP4替换内容:

    <video controls="" preload="none" width="{1}" height="{2}" src="{3}" data-setup="">
    </video>
    其它的设置如下图:
    在这里插入图片描述

    图2
    提供的小图标图片文件mp3.gif、mp4.gif在附件里,下载下来后上传到/static/image/common/里即可。
    以上步骤操作完后,发贴时,就会看到编辑器里多出两个图标,点击图标填入mp3、mp4地址,保存即可。

    也可使用直接使用代码
    mp3代码

    [mp3]mp3视频地址[/mp3]

    mp4代码

    [mp4]mp4视频地址[/mp4]

    发布后,就可以看到你的视频在线播放了。祝大家操作顺利!

    补充一下:除了上面步骤方法外,还记得如下设置:

    1图1中必须勾选【显示】,【可用】.,然后提交

    2.在相应用户-》用户组--》论坛相关-》帖子相关,开启【auido】【[video】等权限如下图3:

     图3

    3.对用户自定义标签mp3,mp4允许指定用户使用的权限见图2

    4.播放的文件建议的文件最后放在自己的服务器上(本地),因为如果人家远程有可能对播放的文件设置了防盗链,就有可能播放失败

  • 相关阅读:
    HttpServletRequest request 获取form参数的两种方式
    mysql中计算两个日期的时间差函数TIMESTAMPDIFF用法
    Better exception message for missing @RequestBody method parameter
    下载Xcode历史版本方法
    CGLib与JDK的动态代理
    LeetCode: Longest Consecutive Sequence [128]
    POJ训练计划2777_Count Color(线段树/成段更新/区间染色)
    JBoss AS 7性能调优(三)
    java的Future使用方法
    Redis学习资源
  • 原文地址:https://www.cnblogs.com/it-tsz/p/13946724.html
Copyright © 2011-2022 走看看