无需插件利用discuz自定义代码添加H5视频播放功能

admin

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



效果演示地址：http://www.qizhou.com.cn/thread-58799-1-1.html
兼容手机和PC。

具体方法：

进入后台：界面——编辑器设置——Discuz! 代码




新增标签填：mp4
显示顺序填：19
图标文件填：bb_mp4.gif


新增提交完后，勾选可用和显示




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

• 1. <div align="center"><video autoplay="autoplay" controls="controls" loop="loop" preload="auto" width="100%"><source src="{1}"></source></video></div>
     

  复制代码
  
  

上面的代码已设置好自动播放和循环播放。如果不需要循环播放可将loop="loop"删除。

其它的设置如下图：




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


也可使用直接使用代码[mp4]mp4视频地址[/mp 4]

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

admin

来自DISCU论坛
https://www.discuz.net/thread-3839121-1-1.html