帝国cms整合CKplayer播放器代码教程

[ 帝国cms教程   // 2014-05-28  ]
428

网上关于帝国cms整合ckplayer播放器的教程已经很多了,奇芳阁也分享过一篇帝国cms整合ckplayer的博文,不过可惜的是那种方法只能播放flv格式的文件,下面分享一种帝国cms完美整合CKplayer播放器的方式,支持优酷、土豆、乐视、酷六、搜狐视频各种格式!

帝国cms整合CKplayer播放器:

前期工作:请将下载的播放器文件,解压后,将ckplayer目录,上传到你网站根目录下;并下载解析插件放在根目录下;

本站以[新闻系统数据表]中添加[视频地址]参数为例,来介绍说明整个过程。进入帝国CMS管理系统后台,打开 系统 > 数据表与系统模型 > 管理数据表:

在数据表中增加视频字段

然后点[确定],这样,你添加的[视频地址]字段flvurl就添加进了[新闻系统数据表]的表中了。

添加好了[视频地址]字段flvurl后,再返回来,打开[管理系统模型],如下图:

进入 系统模型管理 > 修改系统模型,在你添加的[视频地址]flvurl字段后面的属性中,参照[副标题]勾选;并且在下方的 [录入表单模板](自动生成表单模板),勾选。然后,提交。

此时,你再打开添加信息的界面,就会看到你刚才添加好的[视频地址]的自定义字段了,如下:

还没有完成,再来修改模版文件,你可以直接修改[默认文章内容模板],也可复制一个给他命个带视频字样名字的模版,都可以的。

打开 默认模板组 > 管理内容模板,找到 默认文章内容模板,你复制[默认文章内容模板]为[ 默认文章内容模板(视频) ]。

再对刚才新复制出的[ 默认文章内容模板(视频)]进行修改,加上ckplayer播放的代码,示意如下:

添加的代码,如下(以下供参考,请根据你实际情况进行调整),注意红色部分,就是取出你添加的自定义字段的视频地址

<div id="a1"></div>
<script type="text/javascript" src="http://www.hnol.org/tvplayer/player/player.js" charset="utf-8"></script>
<script type="text/javascript">
var flashvars={
f:'http://www.hnol.org/tvplayer/api/huana.php?v=[!--flvurl--]',
c:0,
s:2,
b:1,
p:1
};
var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4','http://www.ckplayer.com/webm/0.webm->video/webm','http://www.ckplayer.com/webm/0.ogv->video/ogg'];
CKobject.embed('http://www.hnol.org/tvplayer/player/player.swf','a1','ckplayer_a1','732','412',false,flashvars,video)

function closelights(){//关灯
alert(' 本演示不支持开关灯');
}
function openlights(){//开灯
alert(' 本演示不支持开关灯');
}
</script>

此时你添加的文章时,只要在[选项设置]时,选择内容模版为[默认文章内容模板(视频)],你发布出的文章,就会是有带极酷阳光视频播放器的,如下:

相关文件下载地址:

效果演示:查看演示

来自@奇芳阁软件世界 | 下载ckplayer播放器以及ckplayer万能解析插件