项目简介
本项目是基于ckplayer视频播放器封装的适用于layui的扩展组件。由于原ckplayer插件(版本X2)很久未更新且无法自定义设置,因此重新封装以适配layui框架。
项目的主要特性和功能
- 封装ckplayer视频播放器,便于更好地集成到layui框架。
- 新增baseUrl属性,作为默认的请求配置json路径。
- 包含ckplayer源码文件,将lib包中的ckplayer文件夹拖到项目中即可使用。
- 提供示例页面,方便参考使用。
安装使用步骤
- 已下载本项目源码文件。
- 将lib包中的ckplayer文件夹放到项目合适位置。
- 在要使用视频播放器的地方,按示例代码初始化播放器:
//定义一个变量:videoObject,用来做为视频初始化配置 var videoObject = { container: '#video', //视频播放器所在div variable: 'player', video: videoUrl, //视频的url地址 baseUrl: baseUrl //请求配置json所在目录,默认指向ckplayer下 }; var player = new ckplayer(videoObject);//初始化播放器
- 按需自定义配置视频播放器,例如设置容器、变量名、视频URL等。
- 参照示例页面进一步开发和调试。
详细文档
- ckplayer文档:https://www.ckplayer.com/manual/
- layui插件文档:https://www.layui.com/doc/base/modules.html#extend
致谢/参考
- ckplayer 视频播放组件/larryms
本项目开发参考了ckplayer视频播放组件,感谢原作者的优秀工作。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】