DiscuzX3.2视频插件(支持预览/支持安卓苹果手机观看)视频播放器

admin 证件图片

播放器演示DiscuzX3.2视频插件(支持预览/支持安卓苹果手机观看)视频播放器演示

播放器介绍

DiscuzX3.2视频插件 / DiscuzX1.5视频插件（支持多终端跨平台观看）

1. 添加极酷阳光V3.5免费版跨平台播放器
2. 实现视频预览功能(未登录用户只能看一小段,PC端) / 支持手机观看
3. 全面支持DzX3.2 / DzX1.5 版
4. 播放器支持6种广告功能 / 极致酷炫

提示：本教程插件更新于 2016-5-4 完整教程：

第1步：下载酷播视频dz插件

第2步：下载后解压上传到dz网站根目录下，如下图：

第3步：这是要实现的目标效果

第4步：进入dz管理后台操作界面，参考如下操作：

依次添加A和B两个图标，对应添加的内容分别为：
A图标： cuplayer　　　 24　　　　bb_cuplayer.gif
B图标： cuplayerEnd　　25　　　　bb_cuplayerEnd.gif

第5步：添加自定义标标签：

第6步：由于要分别添加A图标参数和B图标参数，所以，我们分两个部分来说明，添加A图标参数：

以上涉及的代码，附上，代码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区：

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

内容D区：
请输入您的视频文件地址(mp4/flv/f4v)：

第7步：添加B图标参数代码

以上涉及的代码，附上，代码A区：

<div class="video" id="CuPlayer"><script language="JavaScript">
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>
<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区：
添加您的视频文件地址,支持mp4/flv/f4v格式

内容D区：
请输入您的视频文件地址(mp4/flv/f4v)：

第9步：启用刚才添加的视频播放器标签

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

第11步：效果如下，不错吧？本插件已实现跨平台播放，支持PC，安卓，苹果终端观看（要求是mp4格式视频）

A按钮添加的视频，任意用户可以观看完整视频节目；

B按钮添加的视频，未登录用户，只能观看一小部分，登录后，才能看完整节目，以下是B按钮添加的效果。

1. 播放视频广告效果：


2. 用户未登录时，预览结束，弹出提示窗口效果：


3. 用户已登录时，正常观看完整视频效果：

最后一步，设定播放器的广告功能(yes为开，no为关闭)：

播放器广告功能设定的特别说明：所有广告都可以换成用户自己的，也可以自由关闭或开启。
如果你要开启或关闭播放器的广告功能，请参考如下图，找到对应的播放器的配置文件，进行修改；

请按自己的实际需求，自由设定广告开启或关闭；所有广告都可以换成用户自己的广告文件；默认自带的广告文件仅为官方提供给用户测试功能。