播放器演示
DiscuzX3.2酷播视频插件支持安卓/苹果跨平台播放(添加自定义视频演示
播放器介绍
提示,目前有新款教程,教程参见:http://www.52player.cn/WebPlayer/2016/050471.htmlDiscuzX3.2/DiscuzX1.5酷播视频插件(添加自定义视频播放器)
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. 当然以上广告你也可以自行关闭,很方便。
完整教程:
第1步:下载酷播视频dz插件
第2步:这是要实现的目标效果
第3步:上传插件目录文件到您dz网站的根目录
第4步:如果上一页是上传的CuPlayer和static两个目录,那么这步,可以省略,跳过
第5步:进行dz管理后台操作界面,参考如下操作
第6步:添加自定义标标签
第7步:添加视频自定义标签
第8步:添加视频自定义详细的参数代码
第9步:启用刚才添加的视频播放器标签以上涉及的代码,附上,代码A区:
<div class="video" id="CuPlayer"><script language="JavaScript">
var vID="";var vWidth=650;var vHeight=400;var vFile="/CuPlayer/CuSunV3set.xml";var vPlayer="/CuPlayer/player.swf?v=3.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区:
[cuplayer]test.mp4[/cuplayer]
内容C区:
添加您的视频文件地址,支持mp4/flv/f4v格式
内容D区:
请输入您的视频文件地址(mp4/flv/f4v):
第10步:完成,进入用户发帖的界面,你可以看到,现在新增加了一个小按钮,点击它,就可以添加视频地址了
第11步:效果如下,不错吧?本插件已实现跨平台播放,支持PC,安卓,苹果终端观看(要求是mp4格式视频)
最后,设定播放器的广告功能:
播放器广告功能设定的特别说明:所有广告都可以换成用户自己的,也可以自由关闭或开启。
如果你要开启或关闭播放器的广告功能,请参考如下图,找到对应的播放器的配置文件,进行修改;
请按自己的实际需求,自由设定广告开启或关闭;所有广告都可以换成用户自己的广告文件;默认自带的广告文件仅为官方提供给用户测试功能。