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>
c1调用配置方式=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是,可以设置或不设置链接地址
t5前置广告的时间前置广告时间(组),如:
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
e0播放结束的动作=0:调用js函数(function playerstop(){})
=1:循环播放
=2:暂停播放并且不调用广告
=3:调用精彩视频推荐列表的插件
=4:清除视频流并调用js(function playerstop(){})和1差不多
=5:暂停播放并且调用暂停广告
=6:调用js函数(function playerstop(){})并且退出全屏
v80默认音量设置成-1则默认静音
p1默认是否播放/不加载视频=0:默认暂停
=1:默认播放
=2:默认不加载视频
h0视频是否支持播放未下载的内容=0:不支持,普通播放
=1:按关键帧进行拖动
=2:按关键时间点进行拖动
=3:自动判断,根据视频后缀进行判断
=4:按关键字进行判断,视频地址里包含mp4字样则按关键帧,包含flv字样则按关键时间点
qstart视频拖动时传递的参数当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'
lv0是否锁定进度栏0:不锁定,1:锁定
st0直播是否需要进行secureToken验证0:不使用,1:使用
fc0是否需要进行FCSubscribe验证0:不使用,1:使用
un 直播视频的用户名 
up 直播放视频的用户密码 
loaded 播放器加载成功调用的js函数调用的js函数名称
    
my_url 当前页面地址分享视频时必需参数,分享平台会自动根据该地址调用标题,图片等信息
my_title 视频标题可以自己设置一个标题分享给分享平台
my_pic 视频图片可以自己定义一个图片地址分享给分享平台

效果截图

图片描述

图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
苹果CMSV10是一款功能强大的内容管理系统,可以用来建设和管理网站。为了整合CKPlayer视频播放器到苹果CMSV10中,我们需要进行以下步骤: 1. 下载CKPlayer播放器文件:首先,我们需要从CKPlayer官方网站下载CKPlayer播放器文件。这可以通过访问CKPlayer官方网站并下载最新版本的播放器文件来完成。 2. 将CKPlayer文件上传到服务器:在苹果CMSV10后台管理系统中,找到“文件管理”或者“上传文件”功能选项。然后点击“上传文件”按钮,选择之前下载的CKPlayer文件,将其上传到服务器。 3. 编辑网页模板:在苹果CMSV10后台管理系统中找到“模板管理”或者“网页模板”功能选项。然后选择需要编辑的网页模板,在网页模板中找到视频播放的位置。 4. 插入CKPlayer播放器代码:在编辑网页模板中找到视频播放位置后,我们需要将CKPlayer播放器代码插入到相应位置。可以使用以下代码片段插入CKPlayer播放器: ``` <script type="text/javascript" src="CKPlayer路径/ckplayer.js"></script> <div class="video-container"> <video id="videoPlayer" class="video-js vjs-default-skin"> <source src="视频链接" type="video/mp4"> </video> </div> <script type="text/javascript"> var videoObject = { container: '.video-container', variable: 'player', flashplayer: 'CKPlayer路径/ckplayer.swf', video: "视频链接", }; var player = new ckplayer(videoObject); </script> ``` 请将上述CKPlayer路径和视频链接替换为实际的路径和链接。代码中的video/mp4是视频的格式,可以根据实际情况更改。 5.保存并测试:完成以上步骤后,保存网页模板的修改,并在网站上测试是否成功整合了CKPlayer视频播放器。 通过以上步骤,我们可以将CKPlayer视频播放器成功整合到苹果CMSV10中,用户可以在网站上播放视频

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值