1、ckplayer官网下载相关文件夹并将其放在项目根目录下
2、在使用页面进行引入js
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"> </script>
3、在页面添加div作为容器
<div id="video" style="width: 100%; height: 400px;"></div>
4、设置视频播放器的参数
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
video:'/videos/video.mp4'//视频地址
};
var player = new ckplayer(videoObject);
</script>
5、如果想去掉右上角的logo
ckplayer.js中搜索:logo(ckplayer.xml中搜索)
去掉的方法是修改成logo:‘null’(ckplayer.xml中修改成>null)
修改logo
1、把style.swf修改成style.zip,把里面的cklogo.png解压出来(直接从压缩包里拖放到桌面上),修改完再拖到压缩包
2、把style.zip再改回style.swf
3、清理浏览器缓存后预览
4、
修改位置
ckplayer.js中搜索pm_logo(ckplayer.xml中搜索<pm_logo></pm_logo>)修改,有关ckplayer中修改位置的说明可以查看:界面元素的坐标控制