2022-09-06
我的站长站
ckplayer X3网页H5播放器插件源码下载+使用教程
- 模板编号：2581
- 点击次数：
- 模板终端：电脑端
- 适用版本：静态模板
- 模板编码：UTF-8
- 下载权限：普通 / VIP
- 模板售价：免费下载
- 下载次数：21次
CKPlayer介绍
ckplayer是一款全能网页视频播放器组件，MIT开源，采用javascript编写核心代码，css文件定义播放器风格。
集成支持mp4,flv,m3u8,ts等视频格式，只需一段代码轻松配置安装，代码全部开源易于二次开发。
ckplayer特点
视频格式支持：mp4,flv,m3u8,ts等视频格式
播放形式支持：支持点播、直播、直播+回放
平台支持：支持移动端，PC端。
功能支持：支持使用js监听播放器的各种状态，支持使用js控制播放器的各种操作
ckplayer安装教程
在需要播放视频的页面上引入ckplayer.js及ckplayer.css文件，在需要插入视频的地方使用如下代码：
<link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css" />
<script type="text/javascript" src="ckplayer/js/ckplayer.js" charset="UTF-8"></script>
<div class="video" style="width: 600px;height: 400px;">播放器容器</div>
<script type="text/javascript">
//定义一个变量：videoObject，用来做为视频初始化配置
var videoObject = {
container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址
};
var player = new ckplayer(videoObject);//初始化播放器
</script> 下载地址