ckplayer 网页视频播放插件

简介

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:height
         var 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   视频图片 可以自己定义一个图片地址分享给分享平台

效果截图

图片描述

图片描述

本文转载于:猿2048⇨https://www.mk2048.com/blog/blog.php?id=hhkiib1jhaa

猜你喜欢

转载自www.cnblogs.com/baimeishaoxia/p/12618613.html