好友团

24小时服务电话

134-2860-6060

查看: 1045|回复: 0

[视频教程] DiscuzX3.2/DiscuzX1.5酷播视频插件(添加自定义视频播放器)

[复制链接]
发表于 2017-3-19 04:58:19 | 显示全部楼层 |阅读模式
填写您的邮件地址,订阅我们的精彩内容:
[受理编号:SL-1974]
填写您的邮件地址,订阅我们的精彩内容:

1. 本视频插件支持DiscuzX3.2/DiscuzX1.5;
2. 是以自己定义的视频插件形式直接添加到dz论坛的编码中,非常方便论坛用户使用;
3. 本实例已实现跨平台播放,支持PC,安卓,苹果终端观看(要求是mp4格式视频);


Dz论坛帖子加视频效果( 普通效果演示 ):

Dz论坛帖子加视频效果( 预览效果演示 ) 未登录用户,只能看一小段;登录用户,看完整视频:
Dz门户文章加视频效果( 预览效果演示 ) 未登录用户,只能看一小段;登录用户,看完整视频:


请下载DiscuzX3.2/DiscuzX1.5酷播视频插件

完整教程:
下载酷播视频dz插件
下载后解压上传到dz网站根目录下,如下图:
这是要实现的目标效果:
进入dz管理后台操作界面,参考如下操作:
添加自定义标标签:

依次添加A和B两个图标,对应添加的内容分别为:A图标: cuplayer    24    bb_cuplayer.gifB图标: cuplayerEnd  25    bb_cuplayerEnd.gif
添加自定义标标签由于要分别添加A图标参数和B图标参数,所以,我们分两个部分来说明,添加A图标参数以上涉及的代码,附上,代码A区:
  1. <div class="video" id="CuPlayer"><script language="JavaScript">
  2. 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>
  3. <script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/CuPlayer/images/AsComV3.js"></script></div>
复制代码
以上,内容B区 / 内容C区 / 内容D区 的添加的内容参考:
  1. 内容B区:
  2. [cuplayer]test.mp4[/cuplayer]

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

  5. 内容D区:
  6. 请输入您的视频文件地址(mp4/flv/f4v):
复制代码
添加B图标参数

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

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

  5. 内容D区:
  6. 请输入您的视频文件地址(mp4/flv/f4v):
复制代码
启用刚才添加的A和B两个自定义图片按钮标签

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

效果如下,不错吧?本插件已实现跨平台播放,支持PC,安卓,苹果终端观看(要求是mp4格式视频)
A按钮添加的视频,任意用户可以观看完整视频节目;
B按钮添加的视频,未登录用户,只能观看一小部分,登录后,才能看完整节目,以下是B按钮添加的效果。
1. 播放视频广告效果:2. 用户未登录时,预览结束,弹出提示窗口效果:3. 用户已登录时,正常观看完整视频效果:

最后,设定播放器的广告功能:

播放器广告功能设定的特别说明:所有广告都可以换成用户自己的,也可以自由关闭或开启。
如果你要开启或关闭播放器的广告功能,请参考如下图,找到对应的播放器的配置文件,进行修改;
请按自己的实际需求,自由设定广告开启或关闭;所有广告都可以换成用户自己的广告文件;默认自带的广告文件仅为官方提供给用户测试功能。





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复
〖销售站〗一站式品质服务平台. 一体化商城系统.【www.xiaoshouzhan.com】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

销售站-一体化商城系统!
 
 
Q Q|技术部
销售|销售部
客服|销售站实体店
分流|销售站实体店
视频解析群:
好记吧
产品售后群:
站长源码(交易平台)
域名拍卖群:
域名拍卖群
产品维权群:
藤县站
微信客服中心:
/images/niwota00000000300.jpg
工作时间:
8:00-18:00
 
版权所有:好友团

QQ|关于我们|手机版|( 桂ICP备19008987号|网站地图  | Sponsor: Friends group