介绍
苹果cms是一个非常流行的视频网站程序,其采用了CKPlayer播放器来播放视频。在配置苹果cms采集接口时,需要对CKPlayer进行配置。本文将详细介绍如何配置CKPlayer。
下载CKPlayer
需要从官方网站下载CKPlayer。下载地址为:http://www.ckplayer.com/down.html。下载完成后,将CKPlayer解压缩到苹果cms的根目录下。
配置config.js文件
接下来,需要修改CKPlayer的配置文件config.js。在苹果cms的根目录下找到CKPlayer文件夹,进入文件夹后找到config.js文件。使用文本编辑器打开该文件,可以看到一些配置项,如下所示:
var flashvars={f:'video.mp4',//视频地址c:0,//是否读取文本配置p:1,//默认播放e:1,//结束时是否暂停i:'poster.jpg',//封面图片d:'text.txt',//文本配置地址u:'',//广告地址v:'80',//默认音量b:0,//是否显示控制栏s:0,//是否开启进度条l:'',//字幕地址t:'',//视频标题a:'',//作者j:'',//简介k:''//关键字};var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};var video=['video.mp4->video/mp4'];
在这里,我们需要修改以下几个配置项:
- f:视频地址。将其修改为苹果cms采集接口返回的视频地址。
- i:封面图片。将其修改为苹果cms采集接口返回的封面图片地址。
- t:视频标题。将其修改为苹果cms采集接口返回的视频标题。
- j:视频简介。将其修改为苹果cms采集接口返回的视频简介。
修改完成后,保存config.js文件。
配置video.xml文件
接下来,需要修改CKPlayer的播放列表文件video.xml。在苹果cms的根目录下找到CKPlayer文件夹,进入文件夹后找到video.xml文件。使用文本编辑器打开该文件,可以看到一个XML格式的播放列表,如下所示:
<root><video><file>video.mp4</file><image>poster.jpg</image><title>视频标题</title><desc>视频简介</desc></video></root>
在这里,我们需要修改以下几个配置项:
- <file>:视频地址。将其修改为苹果cms采集接口返回的视频地址。
- <image>:封面图片。将其修改为苹果cms采集接口返回的封面图片地址。
- <title>:视频标题。将其修改为苹果cms采集接口返回的视频标题。
- <desc>:视频简介。将其修改为苹果cms采集接口返回的视频简介。
修改完成后,保存video.xml文件。
配置play.html文件
需要修改CKPlayer的播放页面文件play.html。在苹果cms的根目录下找到CKPlayer文件夹,进入文件夹后找到play.html文件。使用文本编辑器打开该文件,可以看到一些HTML代码,如下所示:
<div id="a1"></div><script type="text/javascript">var flashvars={f:'video.mp4',//视频地址c:0,//是否读取文本配置p:1,//默认播放e:1,//结束时是否暂停i:'poster.jpg',//封面图片d:'text.txt',//文本配置地址u:'',//广告地址v:'80',//默认音量b:0,//是否显示控制栏s:0,//是否开启进度条l:'',//字幕地址t:'',//视频标题a:'',//作者j:'',//简介k:''//关键字};var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};var video=['video.mp4->video/mp4'];CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',false,flashvars,video,params);</script>
同样地,我们需要修改以下几个配置项:
- f:视频地址。将其修改为苹果cms采集接口返回的视频地址。
- i:封面图片。将其修改为苹果cms采集接口返回的封面图片地址。
- t:视频标题。将其修改为苹果cms采集接口返回的视频标题。
- j:视频简介。将其修改为苹果cms采集接口返回的视频简介。
修改完成后,保存play.html文件。
总结
通过以上步骤,我们成功地配置了CKPlayer,使其可以播放苹果cms采集接口返回的视频。