littlebot
Published on 2025-04-03 / 0 Visits
0

【源码】基于layui框架的视频播放器扩展组件

项目简介

本项目是基于ckplayer视频播放器封装的适用于layui的扩展组件。由于原ckplayer插件(版本X2)很久未更新且无法自定义设置,因此重新封装以适配layui框架。

项目的主要特性和功能

  1. 封装ckplayer视频播放器,便于更好地集成到layui框架。
  2. 新增baseUrl属性,作为默认的请求配置json路径。
  3. 包含ckplayer源码文件,将lib包中的ckplayer文件夹拖到项目中即可使用。
  4. 提供示例页面,方便参考使用。

安装使用步骤

  1. 已下载本项目源码文件。
  2. 将lib包中的ckplayer文件夹放到项目合适位置。
  3. 在要使用视频播放器的地方,按示例代码初始化播放器: //定义一个变量:videoObject,用来做为视频初始化配置 var videoObject = { container: '#video', //视频播放器所在div variable: 'player', video: videoUrl, //视频的url地址 baseUrl: baseUrl //请求配置json所在目录,默认指向ckplayer下 }; var player = new ckplayer(videoObject);//初始化播放器
  4. 按需自定义配置视频播放器,例如设置容器、变量名、视频URL等。
  5. 参照示例页面进一步开发和调试。

详细文档

  • ckplayer文档:https://www.ckplayer.com/manual/
  • layui插件文档:https://www.layui.com/doc/base/modules.html#extend

致谢/参考

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】