简介

ckplayer是一款在网页上播放视频的免费软件,主要特点是:免费,小巧,功能强大,定制方便。
pc网页、移动端、微信均可使用。

使用

  1. 官网下载ckplayer.min.js
    官网 ckplayer.com

  2. 引入文件

    <script type="text/javascript" src="ckplayer.min.js" charset="utf-8"></script>

  3. html

    <div id="a1" ></div>

  4. 配置参数

<script type="text/javascript">VideoPlay("1_0.mp4",350,300);function VideoPlay(F,A,E){ // F:url A:width E:heightvar B=F;var G = { f: B, c: 0, b: 1, p: 2 };var D = { bgcolor: "#000", allowFullScreen: true, allowScriptAccess: "always" };var C = ["" + B + "->video/mp4", "" + B + "->video/webm", "" + B + "->video/ogg"];var H = ["all"];CKobject.embed("ckplayer/ckplayer.swf", "a1", "ckplayer_a1", A, E, true, G, C, H)}      </script>

flashvars里各参数的意思

属性 默认值 功能 功能说明
f   视频地址/网页地址 s=0时f=视频地址
s>0时f=网页地址
a   网页传递参数 s>0是,用来跟f值组装地址用到的变量
s   调用方式 <p>=0:普通视频调用方式
=1:网址形式调用
=2:XML(网址)形式调用
=3:flash形式调用视频地址
=4:flash插件形式发送视频流地址给播放器进行播放</p>
c 1 调用配置方式 =0:调用ckplayer.js
=1:调用ckplayer.xml
注意:如果不设置该参数,则调用ckplayer.xml
x   配置文件路径 c=0时,x默认=ckstyle,即调用function ckstyle()
c=1时,x默认=ckplayer.xml
i   默认暂停可显示一张图片 当p=0,p=2时,播放器会加载该值定义的图片地址,不让播放器看上面一片黑
d   暂停广告地址 暂停广告地址(组),如:
d='1.swf'或d='1.swf|2.jpg'
u   暂停广告链接地址 暂停广告链接地址(组),如:
u=''或u='|abc.htm'
请注意观察,如果d值设置的是swf就不需要给其一个链接地址了,当然也可以设置,则swf广告本身的链接无效
l   前置广告地址 视频播放前播放的广告地址(组),如:
  l='1.flv'或l='1,flv|2.swf|3.jpg'
r   前置广告链接地址 前置广告对应的链接地址(组),如:
r='1.htm'或r='1.htm||3.htm'
注意:当l里对应的是swf是,可以设置或不设置链接地址
t 5 前置广告的时间 前置广告时间(组),如:
t='15'或t='15|10|10'
y   前置广告的网址输出 如果不想使用l,r,t三个参数来定义广告地址,而需要用一个单独的网址来管理广告内容。则需要用到y,此时必需设置l,r,t的值为空,y的使用方法可以跟a值配合使用,如:
a:'1'
y:'adv.php?id=[$pat]'则会调用adv.php?id=1来调用广告内容,该页面的内容示例为:{l->1.flv|2.swf|3.jp}{r->1.htm|2.htm|3.htm}{t->10|15|30}
z   缓冲广告地址 缓冲广告地址,如果使用缓冲广告,请在配置文件里开启,开启的方法是打开ckplayer.js(ckplayer.xml)找到setup参数第17个值设置成1
e 0 播放结束的动作 =0:调用js函数(function playerstop(){})
=1:循环播放
=2:暂停播放并且不调用广告
=3:调用精彩视频推荐列表的插件
=4:清除视频流并调用js(function playerstop(){})和1差不多
=5:暂停播放并且调用暂停广告
=6:调用js函数(function playerstop(){})并且退出全屏
v 80 默认音量 设置成-1则默认静音
p 1 默认是否播放/不加载视频 =0:默认暂停
=1:默认播放
=2:默认不加载视频
h 0 视频是否支持播放未下载的内容 =0:不支持,普通播放
=1:按关键帧进行拖动
=2:按关键时间点进行拖动
=3:自动判断,根据视频后缀进行判断
=4:按关键字进行判断,视频地址里包含mp4字样则按关键帧,包含flv字样则按关键时间点
q start 视频拖动时传递的参数 当h>0时,拖动的参数,如1.flv?start=45646
m   广告视频链接地址 当该值为一个链接地址时,点击视频则跳转到该地址
o   视频时间,单位:秒 当p=2时,可以默认显示视频的总时间
w   视频文件大小,单位:字节 当p=2时,默认调用该值确认视频大小
g   跳过片头 跳过片头功能。即直接从该秒进行播放,同时支持'01:02:03'这样的时间格式
j   跳过片尾 跳过片尾功能,j>0则从播放多少时间后跳到结束,<0则总总时间-该值的绝对值时跳到结束
k   提示点时间列表 如 30|60鼠标经过进度栏30秒,60秒会提示n指定的相应的文字
n   提示点文字列表 提示点文字,跟k配合使用,如 提示点1|提示点2
b   是否允许js和播放器交互 1是不允许,0是允许,默认0
wh   限制视频宽高比例 可以自己定义视频的宽高或宽高比如:wh:'4:3',或wh:'1080:720'
lv 0 是否锁定进度栏 0:不锁定,1:锁定
st 0 直播是否需要进行secureToken验证 0:不使用,1:使用
fc 0 是否需要进行FCSubscribe验证 0:不使用,1:使用
un   直播视频的用户名  
up   直播放视频的用户密码  
loaded   播放器加载成功调用的js函数 调用的js函数名称
       
my_url   当前页面地址 分享视频时必需参数,分享平台会自动根据该地址调用标题,图片等信息
my_title   视频标题 可以自己设置一个标题分享给分享平台
my_pic   视频图片 可以自己定义一个图片地址分享给分享平台

效果截图

图片描述

图片描述

ckplayer 网页视频播放插件相关推荐

  1. ckplayer php,ckplayer 网页视频播放插件

    简介 ckplayer是一款在网页上播放视频的免费软件,主要特点是:免费,小巧,功能强大,定制方便. pc网页.移动端.微信均可使用. 使用 官网下载ckplayer.min.js 官网ckplaye ...

  2. 网页视频播放插件ckplayer的使用-详细介绍

    ckplayer插件下载地址:http://pan.baidu.com/s/12HYH4(如果不在了,自己找地址下载,下载后添加到网站根目录) ******特别提醒:解压后不要忘了把js文件夹也添加到 ...

  3. JS进阶篇--ckplayer.js视频播放插件

    网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放. 可调用flash也可以调用html5播放器: <div id="a1&q ...

  4. php网页视频播放插件下载_视频播放插件Video.js

    插件描述:Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器.(要支持 ...

  5. ckplayer 网页视频播放

    最近做文件上传,可以上传的资源有图片,也有视频,在显示列表中点击视频播放图片(图1),需要弹出播放窗口(图2),播放视频.具体效果画面如下: 图1 图2:播放窗口 实现该功能使用的是ckplayer播 ...

  6. php网页视频播放插件下载_php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)...

    在web开发中经常会碰到一些简单的视频播放功能,但现在的视频格式不同,并且可以动态增加,所以我们就必须把视频保存到数据哦,好了下面我们来看我写的段简单的 php视频网页播放器代码吧. include ...

  7. java支持wmv的播放器_支持wmv、mpg、mov、avi格式的网页视频播放代码

    这2天一直在整金网奖的相关项目,比较头大的就是网页视频播放了,需要考虑各种不同格式的视频,然后找相应的视频播放器. 这次使用了2种方法对这些视频进行处理: 1.使用ckplayer网页视频播放器 ck ...

  8. html5 无插件视频播放器,多功能流媒体播放器网页无插件直播EasyPlayer.js如何实现播放完自动循环播放...

    原标题:多功能流媒体播放器网页无插件直播EasyPlayer.js如何实现播放完自动循环播放 EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进 ...

  9. 视频在html不能播放器,网页无插件直播H265编码视频播放器EasyPlayer网页播放器不能播放怎么处理?...

    原标题:网页无插件直播H265编码视频播放器EasyPlayer网页播放器不能播放怎么处理? EasyPlayer播放器系列项目提供了非常简单易用的SDK及API接口,用户通过API调用就可以非常快速 ...

  10. 网页视频播放器/视频播放插件

    网页视频播放器/视频播放插件 支持的音视频格式: .swf..wmv..asf..wma..mp3..asx..mid..midi..rm..ra..rmvb..mp4..mov..avi..wav. ...

最新文章

  1. C# 访问并打开局域网文件夹
  2. 孙鑫老师教学视频学习笔记——单文档中菜单操作
  3. Java Web的web.xml文件作用及基本配置(转)
  4. 理解lua中 . : self
  5. git add remote_git命令
  6. C++中cout流的输出顺序
  7. 国货当自强!华为未来 10 年 15% 收入将投入研发
  8. 橱柜高度与身高对照表_170身高和橱柜高度对照表 详细解析
  9. html5学习笔记6-- canvas
  10. Linux命令—vi命令详解
  11. python 多行注释 字符串_python多行注释和跨行字符串
  12. python图像的手绘效果代码_Python项目1:实现将图片转化为手绘效果
  13. 倒杨辉三角4行c语言,倒杨辉三角
  14. PCB原理图制作一些简单个人总结
  15. PX4以往固件版本下载
  16. 2021-02-22
  17. python实现情人节的爱意表达
  18. canvas画一个圆锥
  19. 部署 PXE 远程安装与无人值守安装服务
  20. Pulsar 社区周报 2020-09-12 ~ 09-18

热门文章

  1. 信息系统监理师备考知识点
  2. 详细讲解CASS勘测定界图的绘制及出图
  3. android开发 引入cpp文件
  4. 1.按钮点击的四种方式
  5. Android权限动态权限修改和其他的Android配置修改
  6. VS2015静态库的使用(下)
  7. 校园内网服务器维修视频,怎么搭建校园高清视频直播系统
  8. c语言中node是数据类型吗,lnode(数据结构lnode是什么类型)
  9. 服务器压力测试知识集锦
  10. 北科大计算机学院何杰,北京科技大学计算机科学与技术系硕士生导师何杰_计算机考研导师...