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

很多朋友想加入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视频地址[/mp4]


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

成功!

怎么让它不自动播放？？？

尐良ヽ 发表于 2018-4-24 21:55
怎么让它不自动播放？？？

刪除

1. autoplay="autoplay"

复制代码

bh0713老乡啊
有个问题，video标签大视频播放加载特别慢，你有没碰到啊？

多谢朋友提供方法。这个要学习一下，特别是对视频播放感兴趣的人。

成功!

我开发的了ck播放器的插件，到时候可以进入应用中心下载。目前审核中

收藏中，，，，