当前位置:图集之家知识

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

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

内容

网上关于帝国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万能解析插件

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关