首页 > 网站制作
一言推荐::D 获取中...

帝国CMS整合ckplayer播放器

网络/ 亲测/网站制作/ 2020-07-31/

之前看到一篇整合ckplayer的文章,修改简单,使用方便。但是操作下来有问题,没找到问题。索性看到另外一篇文章,帝国CMS整合酷播云播放器的教程,那就照葫芦画瓢改成了ckplayer,感谢酷播云提供教程。

先去官方下载安装包http://www.ckplayer.com/
备用下载

操作开始

第1步:首先登录帝国cms后台,你要按自己的实际情况,添加你要通过后台管理的播放器相关的自定义参数,比如视频地址,广告地址,广告链接等,本站以[新闻系统数据表]中添加[视频地址]参数为例,来介绍说明整个过程。进入帝国CMS管理系统后台,打开 系统 > 数据表与系统模型 > 管理数据表:

帝国CMS整合ckplayer播放器

第2步:

帝国CMS整合ckplayer播放器

第3步

帝国CMS整合ckplayer播放器

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

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

帝国CMS整合ckplayer播放器

第5步:进入 系统模型管理 > 修改系统模型

帝国CMS整合ckplayer播放器

在你添加的[视频地址]flvurl字段后面的属性中,参照[副标题]勾选;
并且在下方的 [录入表单模板](  自动生成表单模板),勾选。
然后,提交。
 
第6步:此时,你再打开添加信息的界面,就会看到你刚才添加好的[视频地址]的自定义字段了,如下:

帝国CMS整合ckplayer播放器

 

第7步:还没有完成,再来修改模版文件,你可以直接修改[默认文章内容模板],也可复制一个给他命个带视频字样名字的模版,都可以的。
打开 默认模板组 > 管理内容模板,找到 默认文章内容模板,你复制[默认文章内容模板]为[ 默认文章内容模板(视频) ]。

帝国CMS整合ckplayer播放器

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

帝国CMS整合ckplayer播放器

添加的代码,如下(以下供参考,请根据你实际情况进行调整),注意红色部分,就是取出你添加的自定义字段的视频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步:此时你添加的文章时,只要在[选项设置]时,选择内容模版为[默认文章内容模板(视频)]

帝国CMS整合ckplayer播放器
 

 

第10步:完成

当然此方法通用更换其他播放器

TAGS:帝国CMS ckplayer 播放器

打赏 点赞
邮箱
验证码
昵称