首页 > 建站教程 > CMS教程 > discuz >  替换Discuz默认的视频播放器为CuPlayer正文

替换Discuz默认的视频播放器为CuPlayer

Discuz默认的播放器是windows media player,界面不美观不说,也不能全屏观看,支持的格式不多,而且,兼容性也不好,如下图:

windows media player

将Discuz的默认播放器替换成CuPlayer是个不错的选择:

插入视频效果


CuPlayer播放效果

CuPlayer有如下优点:
1. 支持DiscuzX3.2/DiscuzX1.5;
2. 是以自己定义的视频插件形式直接添加到dz论坛的编码中,非常方便论坛用户使用;
3. 本实例已实现跨平台播放,支持PC,安卓,苹果终端观看(要求是mp4格式视频);
4. 这是目前最方便最实用的dz插件;
5. 支持5种广告功能:前置广告 / 视频广告 / 暂停广告 / 角标广告 / 后置广告;
6. 其中[前置广告、暂停广告、角标广告、后置广告]支持的格式为:swf/jpg/gif/png格式; [视频广告]支持的格式为:Flv,mp4,mov,f4v,3gp
7. 当然以上广告你也可以自行关闭,很方便。

下面,跟随小编的步伐一步一步设置,即可:
第一步、下载Discuz视频插件CuPlayer

第二步、解压下载的压缩包,将CuPlayer文件夹上传到论坛根目录:


如果上面是上传的 CuPlayer 和 static 两个目录,那么下面这步,可以省略,跳过


第三步、进入dz管理后台操作界面,参考如下操作:


第四步、添加自定义标标签


第五步、添加视频自定义详细的参数代码




以上涉及的代码,附上,代码A区:
<div class="video" id="CuPlayer"><script language="JavaScript">
var vID="";var vWidth=650;var vHeight=400;var vFile="/CuPlayer/CuSunV2set.xml";var vPlayer="/CuPlayer/player.swf?v=2.5";var vMp4url="{1}";var vPic="/CuPlayer/images/startpic.jpg";</script>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/CuPlayer/images/AsComV3.js"></script></div>
内容B区 / 内容C区 / 内容D区 的添加的内容参考:
内容B区:
[cuplayer]test.mp4[/cuplayer]

内容C区:
添加您的视频文件地址,支持mp4/flv/f4v格式

内容D区:
请输入您的视频文件地址(mp4/flv/f4v):
第六步、启用刚才添加的视频播放器标签


第七步、完成,进入用户发帖的界面,你可以看到,现在新增加了一个小按钮,点击它,就可以添加视频地址了


===================================================

  声明:
  播放器的版权归原作者所有。

===================================================