欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

html模板

ckplayer X3网页H5播放器插件源码下载+使用教程
2022-09-06 我的站长站

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

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

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免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

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

    教程说明将帝国cms7.5编辑器整合CKPlayer播放器,支持一个页面多个视频播放教程步骤1、下载ckplayer播放器,下载地址:http://www.ckplayer.com/down/ 2、解压后放置 /e/data/ckplayer/目录3、替换信息编辑器中的视频上传js控件,路径为:/e/admin/ecmseditor...

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

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

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

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

    wordpress教程 215 5年前
  • 苹果cms整合ckplayerx播放器教程

    苹果cmsV8整合CKPlayer教程1、首先找到苹果cmsV8的根目录,打开 /player/ 文件夹2、新建一个 mp4.js 和 m3u8.js 文件,新建播放器代码内容如下:(两个内容一致)MacPlayer.Html = &#39;<iframe border="0" src="/m3u8/index.php?url=&#39;+MacPlayer.PlayUrl...

    苹果cms教程 1084 5年前
  • php觅鹿影视ckplayer在线解析源码带后台
    php觅鹿影视ckplayer在线解析源码带后台

    源码介绍觅鹿影视在线解析源码【带后台】,觅鹿影视在线解析源码资源,提供网页版html代码,生成后即可获取网页采集界面,同时还有网页后台信息,可通过管理员登录来进行管理,查看网页的浏览数据情况。可直...

    php源码 651 4年前
  • 在线多张图片拼图工具HTML源码
    在线多张图片拼图工具HTML源码

    源码介绍在线多张图片拼图工具HTML源码,在线将多张图片拼接成一张图片,多图合一并导出下载。下载时,使用日期时间作为文件名,规避图片文件名相同造成的覆盖问题;源码截图...

    html模板 44 2年前
  • 在线图片转SVG格式工具源码
    在线图片转SVG格式工具源码

    源码介绍非常简单一款在线图片转SVG格式工具源码,js+html的,无需环境打开即可使用。不想下载可以复制下面代码,保存到HTML文件即可使用。小白不会的就下载源码,已经打包好了。源码截图代码分享 提交...

    html模板 52 1年前
  • 小学加减乘除算术题混合出题工具HTML源码
    小学加减乘除算术题混合出题工具HTML源码

    源码介绍最新版本的小学加减乘除算术题混合出题工具HTML源码,新版本更新优化了很多功能,有了这款源码,再也不用为小学生出口算题目作业而烦恼了,无需软件、无需小程序,打开源码即可自动生成,支持打印。...

    html模板 15 1年前
  • UV运动助手HTML源码,小米在线刷步数
    UV运动助手HTML源码,小米在线刷步数

    源码介绍UV运动助手HTML源码,一款HTML+API接口的小米手机在线刷步数网站源码。源码截图源码使用方法1.从应用商店下载小米运动,打开软件通过手机号注册登录2.登录之后,点击我的->第三方接入->绑定...

    html模板 1067 2年前
  • 面试鸭模拟面试刷题考试网站源码,React+Node.js+云开发
    面试鸭模拟面试刷题考试网站源码,React+Node.js+云开发

    源码介绍一款面试鸭模拟面试刷题考试网站源码,基于React+Node.js+云开发,网站前台 + 后台的完整源代码。海量题目,自由组卷、在线刷题,全民编辑,多端适配。源码截图...

    html模板 1129 2年前