Discuz无需插件利用自定义代码实现H5视频播放功能

Discuz!没有跟上5G小视频时代的步伐,不能上传小视频让人头疼!很多朋友想加入mp4的文件或者mp4文件的外链到帖子里实现在线播放,然而并没有好的插件,一些支持上传到优酷等平台的方法都有各自的弊端,又有广告,很多人最终还是选择了放弃。不过现在的浏览器和移动客户端都已支持了H5 video标签。网站源码站教程使用的方法是通过论坛附件上传然后找到mp4文件地址,当然也可以上传到其它的视频云平台、FTP空间等获取mp4文件绝对地址,来实现在线播放功能。

具体方法:

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

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

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

然后进入详情


替换内容复制下面的代码粘贴进去:

<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]
发布后,就可以看到你的视频在线播放了。

特别说明:
1. 杍杋源码本站所有资源来源于网络收集和用户上传,如有侵权请邮件联系站长;
2. 本站资源仅供大家学习、交流、研究之用,您必须在下载后24小时内删除;
3. 本站资源不得使用于非法商业用途,不得违反国家法律,否则后果自负。
杍杋源码 » Discuz无需插件利用自定义代码实现H5视频播放功能

发表评论