资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/ckplayer 网页视频播放插件

ckplayer 网页视频播放插件

_ang / 3594人阅读

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

简介

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

使用

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

引入文件

html

配置参数

flashvars里各参数的意思
属性 默认值 功能 功能说明
f   视频地址/网页地址 s=0时f=视频地址
s>0时f=网页地址
a   网页传递参数 s>0是，用来跟f值组装地址用到的变量
s   调用方式

=0：普通视频调用方式
=1：网址形式调用
=2：XML(网址)形式调用
=3：flash形式调用视频地址
=4：flash插件形式发送视频流地址给播放器进行播放
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   视频图片 可以自己定义一个图片地址分享给分享平台
效果截图

混合云 云服务器 js视频播放插件 js播放视频插件 js插件播放视频 js视频播放器插件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49993.html

相关文章

  • ckplayer 网页视频播放插件

    摘要：简介是一款在网页上播放视频的免费软件，主要特点是免费，小巧，功能强大，定制方便。网页移动端微信均可使用。 简介 ckplayer是一款在网页上播放视频的免费软件，主要特点是：免费，小巧，功能强大，定制方便。pc网页、移动端、微信均可使用。 使用 官网下载ckplayer.min.js官网 ckplayer.com 引入文件 html 配置参数 VideoPla...

    wuyangnju 评论0 收藏0

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

    摘要：，是否自动播放，可以为或，默认为，参数不为时播放器加载完成后均为暂停状态。，视频开始前广告播放的秒数，只针对或图片有效，默认为。，视频结束后的动作，停止播放并发送，是不发送且重新循环播放，停止播放，默认为。 网页中常见的功能就是播放视频，下面介绍的这个ckplayer.js既可以在pc端播放，也可以在手机网页上播放。 可调用flash也可以调用html5播放器： var ...

    tangr206 评论0 收藏0

  • 前端技术 博客文章、书籍 积累

    摘要：好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版）》《JavaScript设计模式》《J...

    LiangJ 评论0 收藏0

  • 前端技术 博客文章、书籍 积累

    摘要：好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版）》《JavaScript设计模式》《J...

    codercao 评论0 收藏0

  • 前端技术 博客文章、书籍 积累

    摘要：好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版）》《JavaScript设计模式》《J...

    huayeluoliuhen 评论0 收藏0

发表评论

登陆后可评论

0条评论

_ang

男|高级讲师
我要私信

TA的文章

阅读更多

云社区相关服务

提问 提问 学习 学习 认证 认证 产品 产品 技术服务 技术服务 售前咨询 售前咨询
最新活动
阅读需要支付1元查看
<