之前看到一篇整合ckplayer的文章,修改简单,使用方便。但是操作下来有问题,没找到问题。索性看到另外一篇文章,帝国CMS整合酷播云播放器的教程,那就照葫芦画瓢改成了ckplayer,感谢酷播云提供教程。
先去官方下载安装包http://www.ckplayer.com/
备用下载
操作开始
第1步:首先登录帝国cms后台,你要按自己的实际情况,添加你要通过后台管理的播放器相关的自定义参数,比如视频地址,广告地址,广告链接等,本站以[新闻系统数据表]中添加[视频地址]参数为例,来介绍说明整个过程。进入帝国CMS管理系统后台,打开 系统 > 数据表与系统模型 > 管理数据表:
第2步:
第3步
然后点[确定],这样,你添加的[视频地址]字段flvurl就添加进了[新闻系统数据表]的表中了。
第4步:添加好了[视频地址]字段flvurl后,再返回来,打开[管理系统模型],如下图:
第5步:进入 系统模型管理 > 修改系统模型
在你添加的[视频地址]flvurl字段后面的属性中,参照[副标题]勾选;
并且在下方的 [录入表单模板]( 自动生成表单模板),勾选。
然后,提交。
第6步:此时,你再打开添加信息的界面,就会看到你刚才添加好的[视频地址]的自定义字段了,如下:
第7步:还没有完成,再来修改模版文件,你可以直接修改[默认文章内容模板],也可复制一个给他命个带视频字样名字的模版,都可以的。
打开 默认模板组 > 管理内容模板,找到 默认文章内容模板,你复制[默认文章内容模板]为[ 默认文章内容模板(视频) ]。
第8步:再对刚才新复制出的[ 默认文章内容模板(视频)]进行修改,加上ckplyer的代码,示意如下:
添加的代码,如下(以下供参考,请根据你实际情况进行调整),注意红色部分,就是取出你添加的自定义字段的视频VID内容的[!--flvurl--]:
[!--newstext--] 的上下都可以
<div id="video" style="width: 100%; height: 400px;max-width: 600px;">
</div>
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="UTF-8"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player', //播放函数名称
//loop: true, //播放结束是否循环播放
autoplay: true,//是否自动播放
poster: 'material/poster.jpg', //封面图片
preview: { //预览图片
file: ['[!--titlepic--]'],
scale: 2
},
//flashplayer:true,
//live:true,
//debug:true,
video:[
['[!--mp4url--]', 'video/mp4', '标清', 0]
]
};
var player = new ckplayer(videoObject);
</script>
第9步:此时你添加的文章时,只要在[选项设置]时,选择
内容模版为[默认文章内容模板(视频)]
第10步:完成
当然此方法通用更换其他播放器