html模板

ckplayer X3网页H5播放器插件源码下载+使用教程
2022-09-06 精准像素

ckplayer X3网页H5播放器插件源码下载+使用教程

  • 模板编号:2581
  • 点击次数:
  • 模板终端:电脑端
  • 适用版本:静态模板
  • 模板编码:UTF-8
  • 下载权限:普通 / VIP
  • 模板售价:免费下载
  • 下载次数:1

CKPlayer介绍

ckplayer是一款全能网页视频播放器组件,MIT开源,采用javascript编写核心代码,css文件定义播放器风格。

集成支持mp4,flv,m3u8,ts等视频格式,只需一段代码轻松配置安装,代码全部开源易于二次开发。

ckplayer X3网页H5播放器插件源码下载+使用教程

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>
下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· 会员免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

相关推荐
  • CKPlayer
  • 帝国cms7.5二次开发整合CKPlayer播放器教程

    帝国cms7.5整合CKPlayer播放器教程说明将帝国cms7.5编辑器整合CKPlayer播放器,支持一个页面多个视频播放帝国cms7.5整合CKPlayer播放器教程步骤1、下载ckplayer播放器,下载地址:http://www.ckplayer.com/down/ 2、解压后放置 /e/data/ckplayer/目录3、...

    帝国cms教程 386 3年前
  • ckplayer视频播放器织梦插件 v1.9
    ckplayer视频播放器织梦插件 v1.9

    插件前台效果插件主要功能1、网页在线播放flv、f4v、MP4等格式的视频,兼容手机端html5视频播放功能2、播放器的皮肤风格可随意更换,本站还提供了大量的ckplayer风格,logo以及左上角水印图片等等都可...

    织梦cms插件 633 3年前
  • WordPress集成ckplayer播放器教程

    WordPress免插件集成ckplayer播放器,首先在ckplayer官网下载资源包,将ckplayer文件夹放入所使用主题里(确保wp-content/themes/motheme/ckplayer/ckplayer.js存在),然后添加代码如下:在主题的functions.php添加以下代码function MBThemes_ckplayer_scripts...

    wordpress教程 149 3年前