- 4.代码使用
- 4.1 [A]swfObject调用
- 4.2 [B]object调用
- 4.3 [C]Ebemb调用
- 4.4 [D]JS形式调用
- 4.5 函数接口
- 4.6 广告相关
- [1] 前置广告
- [2] 视频广告
- [3] 暂停广告
- [4] 角标广告
- [5] 后置广告
- 4.7 开灯关灯
- 4.8 高清模式
- 4.9 分享模式
- 4.10 视频模式
- 4.11 RTMP点播
- 4.12 RTMP直播
- 4.13 视频结束动作
- 4.14 色彩自定义
- 4.15 移动终端适配(New)
- 4.16 HLS直播(m3u8适配)
- 4.17 适配PC/安卓/苹果
- 4.18 收费模式(节目预览)
5.1 极酷阳光播放器基于织梦内容管理系统(DedeCMS)的应用
-
织梦内容管理系统(DedeCMS)是国内专业的PHP网站内容管理系统,采用XML名字空间风格核心模板:模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY 自己的网站提供了强有力的支持。
-
基础应用演示(普通安装的效果):
- 普通[演示1] 普通[演示2] 普通[演示3] 普通[演示4] 普通[演示5]
-
基础应用演示(多终端跨平台安装的效果):
- 跨平台[演示1] 跨平台[演示2] 跨平台[演示3] 跨平台[演示4]
高级应用演示:
- [列表演示1] [列表演示2] [列表演示3] [列表演示3]
酷播官方应用教程(适用于DEDECMS5.6/DEDECMS5.7):
2016-2-19更新:为适应用户基于织梦dedecms多终端跨平台观看的须求,新增“多终端跨平台安装”的教程:
多终端跨平台的目标在于实现:PC端,安卓端,IOS苹果端,微信都可以打开观看视频播放:
-
前期工作:请将下载的播放器安装文件(点此下载(2016-2-19更新)),解压后,将player目录,上传到你网站根目录下,使得自带的测试用页面 http://www.你的网站.com/player/demo1.html 可以正常打开,参考如下图:
- 安装开始,首先,你要按自己的实际情况,添加你要通过后台管理的播放器相关参数,比如视频地址,广告地址,广告链接等,本站以在文章模型中添加视频地址参数为例,来介绍说明整个过程。进入织梦管理系统后台,打开 内容模型管理 > 普通文章:
然后点[确定],这样,你添加的[视频地址]字段flvurl就添加进了文章模型的表中了。
-
添加好了[视频地址]字段flvurl后,你再添加文章时,就会看到,视频地址字段已已经显示在面版中了,如下图:
-
现在,再看介绍一下模版的修改(以下是直接修改织梦默认的文章模版,你如果想为单个栏目附加一个单独的模版也是可以的,在内容发布>栏目管理>更改>高级选项中,给不同的栏目附加不同的模版,这也是可以的,改模版的方式是一样的,如下),打开你要添加播放器的内容页模版:
- 找到相应的位置,比如这段代码之后
{dede:field.description runphp='yes'}
添加极酷播放器跨平台代码,如下(以下供参考,请根据你实际情况进行调整):
if(@me<>'' )@me = '
<div class="intro">'.@me.'</div>
';
{/dede:field.description}
<!--X1 CrossPlatform /begin -->
<div class="video" id="CuPlayer" style="background:#000000;" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%"; //播放器宽度设置
var vHeight = 400; //播放器高度设置
var vFile = "/player/CuSunV2set.xml"; //播放器配置文件
var vPlayer = "/player/player.swf?v=2.5";//播放器文件
var vPic = "/player/images/start.jpg";//视频缩略图
var vCssurl = "/player/images/minis.css"; //移动端CSS应用文件//适配PC,安卓,iOS请用mp4文件
var vMp4url = "{dede:field.flvurl/}"; //视频文件地址if (vMp4url==undefined || vMp4url=="" || vMp4url==null) {
document.getElementById('CuPlayer').style.display = "none";
}
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/player/js/CuSunX1.min.js"></script></div>
<!--X1 CrossPlatform /end -->
-
OK,全部完成了,你此添加一条文章,就会看到如下图带视频的播放器的效果: