当前位置:谷粒网 > 生活妙招 > 正文

ckplayer (ckplayer)

作者:赵颂鸣 生活妙招 2023-04-08 07:48:19 阅读:22

CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软体,支持的格式有:http协定上的flv,f4v,mp4格式,同时支持rtmp视频流格式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全萤幕按钮都是以外部图片接口形式调用,用户根据自己的需要製作出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以製作出自己的风格了,具体的各按钮的位置和底部背景的设定在ckplayer/ckplayer.js里设定。

基本介绍

中文名:超酷flv播放器外文名:ckplayer属性:一款软体用途:网页上播放视频支持格式:flv,f4v,mp4

下载和安装

最新版本请直接至官网下载。分为二个版本:精简版和完整版,区别在于精简版的档案只包含了最简单的播放视频模式,新手建议下载精简版使用,很容易上手。但是如果需製作如开关灯,站外分享,调节视频等功能就需要使用完整版的了。安装很简单,只要把下载的打包档案解压下来,上传到网站空间,就可以通过http://域名/index.htm访问了值得注意的是:此款播放器需要放在网路环境里方可正常使用,直接打开无法使用。

风格製作

风格製作主要使用到ckplayer.js和assets资料夹,assets资料夹主要用来存放各按钮的图片,所有图片都是以png格式存储。ckplayer.js里涉及到风格的行数为第2行至第41行,风格参数说明如下:var cklogo='ckplayer/assets/cklogo.png';//logo,用来显示在播放器界面上的logovar ckalign=2;//logo的对齐方式,0是左上,1是左下,2是右上,3是右下var ckalign_x=100;//这里跟ckalign有直接关係,如果是ckalign=0/1 左边距离 2/3 是右边距离var ckalign_y=10;//同上,ckalign=0/2 离上边距离,1/3 是离下边距离var progres***ar_frame='#191919';//进度条外框颜色var progres***ar_loadbox='#606060';//预载入进度条的颜色var progres***ar_schedule='#056E9F';//播放进度条颜色var all_Background='#000000';//总体背景色var buttom_Background='0x2C2C2C,0x212121';//底部容器颜色,如果想要渐变,请使用数组如buttom_Background='0xFF0000,0xFFDD00,0xFFFFFF';var title_Background='#000000';//提示框背景色var title_borderColor='#696969';//提示框框线色var title_Color='#DEDEDE';//提示框文字颜色var buttom_height=30; //底部容器的高度

版权声明:本文内容由用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。转载请注明出处:https://www.gulizw.com/guli/68291.html

网友评论

  • 随机文章

  • 热门文章

  • 最新文章