html调用ckplayer说明,CKplayer功能配置(示例代码)
原文:http://justcoding.iteye.com/blog/2110275
CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格 式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了,具体的各按钮的位置和底部背景的设置在 ckplayer/ckplayer.js里设置。
功能设置介绍
本教程涉及到以下各点,点击对应标题页面将直接滑动到相应内容:
1:修改或去掉播放器前置logo
2:修改或去掉右上角的logo
3:修改、关闭、设置滚动文字广告
4:去掉右边的开关灯分享插件
5:保留右边插件,但不用开关灯
6:分享功能的使用及注意点
7:前置广告顺序/随机播放或随机播放多个广告中的一个
8:让控制栏永远隐藏
9:锁定进度栏,让它跟着时间变化而变化,但是不能拖动
10:让视频离播放器下方的距离为0
11:视频加载失败时的提示文字和文字的位置设置
12:禁止用户拖动进度条
修改或去掉播放器前置logo
第 一步:把ckplayer/目录下的style.swf修改成style.zip,把自己做好的logo文件,官方默认使用的logo.swf,你也可以 使用logo.png.logo.jpg图片格式的,拖进style.zip里,然后再把style.zip改回style.swf
第二步:打开ckplayer.js和ckplayer.xml
第一种:不使用前置logo
找到(ckplayer.js)mylogo: ‘logo.swf‘,
ckplayer.xml里对应的是logo.swf
分别设置成
mylogo:‘null‘,
null
第二种:修改前置logo
找到(ckplayer.js)mylogo: ‘logo.swf‘,
ckplayer.xml里对应的是logo.swf
替换成你的logo的名称
找到(ckplayer.js)pm_mylogo: ‘1,1,-100,-55‘,
ckplayer.xml里对应的是1,1,-100,-55
这里是修改位置的,关于修改位置的四个参数的作用和用法请参考:
修改后一定要清浏览器的缓存
修改或去掉右上角的logo
第 一步:把ckplayer/目录下的style.swf修改成style.zip,把自己做好的logo文件,官方默认使用的cklogo.png,你也 可以使用cklogo.swf(flash格式)或cklogo.jpg(图片格式)的,拖进style.zip里,然后再把style.zip改回 style.swf
第二步:打开ckplayer.js和ckplayer.xml
第一种:不使用logo
找到(ckplayer.js)logo: ‘cklogo.png‘,
ckplayer.xml里对应的是cklogo.png
分别设置成
logo:‘null‘,
null
第二种:修改logo
找到(ckplayer.js)logo: ‘cklogo.png‘,
ckplayer.xml里对应的是cklogo.png
替换成你的logo的名称
找到(ckplayer.js)pm_logo: ‘2,0,-100,20‘,
ckplayer.xml里对应的是2,0,-100,20
这里是修改位置的,关于修改位置的四个参数的作用和用法请参考
修改后一定要清浏览器的缓存
修改、关闭、设置滚动文字广告
关闭滚动文字广告的方法很简单
打开ckplayer.js和ckplayer.xml
找到setup:‘‘参数和
第9个参数设置成0就可以关闭了
第9个参数的意思如下:
是否开启滚动文字广告,0是不开启,1是开启且不使用关闭按钮,2是开启并且使用关闭按钮,开启后将在加载视频的时候加载滚动文字广告
使用(修改)滚动文字广告
前提是你需要开启滚动文字广告,开启的方法如上面所说的
第一种方法:在ckplayer.js或ckplayer.xml里修改滚动文字广告
然后找到ckplayer.js中的advmarquee:‘‘,
或ckplayer.xml中的
修改里面的内容,注意在ckplayer.xml里修改文字广告可以使用html语法,但是要注意的是把""换成"}"
第二种方法:在页面里实时展示文字广告
首先要把ckplayer.js中的advmarquee:‘‘里的内容清空(对应的ckplayer.xml里的也清空)
然后在调用播放器的页面里设置一个js函数供播放器调用,代码如下:
这里的 ckmarqueeadv函数也可以换成别的函数,修改方法是在ckplayer.js中的ckstyle()中的 calljs参数(ckplayer.xml里也有对应的)
修改后一定要清浏览器的缓存
文字向上滚动的方法设置
要注意二点:
一:ckplayer.js中的ckstyle()函数里的pm_advmarquee参数(ckplayer.xml里对应的是)
该参数的第10个值设置成1,就可以实现向上或向下滚动了
第6个值和第13个值要保持一致,你可以先设置成16测试一下
二:设置文字广告时需要在前面增加一个{br}换行符号,如{br}1{br}2
去掉右边的开关灯分享插件
ckplayer.js里
找到下面三行删除掉
cpt += ‘right.swf,2,1,-75,-100,2,0|‘;//右边开关灯,调整,分享按钮的插件
cpt += ‘share.swf,1,1,-180,-100,3,0|‘;//分享插件
cpt += ‘adjustment.swf,1,1,-180,-100,3,0|‘;//调整大小和颜色的插件
ckplayer.xml里找到下面三行删除掉
right.swf,2,1,-75,-100,2,0
share.swf,1,1,-180,-100,3,0
adjustment.swf,1,1,-180,-100,3,0
html调用ckplayer说明,CKplayer功能配置(示例代码)相关推荐
- php中target用法,Yii使用DbTarget实现日志功能的示例代码
一:在配置文件的log组件中配置DbTarget 'log' => [ 'traceLevel' => YII_DEBUG ? 3 : 0, 'targets' => [ [ 'cl ...
- 售后退款的java代码_SpringBoot 微信退款功能的示例代码
一:微信支付证书配置 二:证书读取以及读取后的使用 package com.zhx.guides.assistant.config.wechatpay; import org.apache.commo ...
- linux qt 打印预览控件,Qt实现保存、浏览、预览、打印功能的示例代码
Qt提供了以文本.图片.HTML等方式来实现对文档的操作,主要用到了QPrinter类和QPainter类,用到了QFileDialog文件窗口.QPrintPreviewDialog预览窗口类和QP ...
- 用python朗读字母-使用python编写一个语音朗读闹钟功能的示例代码
想找一个可以播放文字的闹钟找不到,自己写一个更简单.TTS实现由很多种办法,百度等都提供了API接口,但类似百度,需要先注册等一系列动作. 其实windows自带的win32com功能可以简单实现TT ...
- 猜猜乐游戏php源码,C/C++百行代码实现热门游戏消消乐功能的示例代码
游戏设计 首先我们需要使用第三方框架,这里我使用的是sfml,不会使用sfml在我的上几篇文章当中-扫雷(上)有详细的开发环境搭建介绍 首先准备图片资源 一张背景图片,一张宝石图片 窗口初始化加载图片 ...
- python在线朗读-使用python编写一个语音朗读闹钟功能的示例代码
想找一个可以播放文字的闹钟找不到,自己写一个更简单.TTS实现由很多种办法,百度等都提供了API接口,但类似百度,需要先注册等一系列动作. 其实windows自带的win32com功能可以简单实现TT ...
- android仿微信语音聊天功能,Android仿微信发送语音消息的功能及示例代码
微信的发送语音是有一个向上取消的,我们使用ontouchlistener来监听手势,然后做出相应的操作就行了. 直接上代码: //语音操作对象 private mediaplayer mplayer ...
- php消消乐代码,C/C++百行代码实现热门游戏消消乐功能的示例代码
游戏设计 首先我们需要使用第三方框架,这里我使用的是sfml,不会使用sfml在我的上几篇文章当中-扫雷(上)有详细的开发环境搭建介绍 首先准备图片资源 一张背景图片,一张宝石图片 窗口初始化加载图片 ...
- python闹钟源码_使用python编写一个语音朗读闹钟功能的示例代码
想找一个可以播放文字的闹钟找不到,自己写一个更简单.TTS实现由很多种办法,百度等都提供了API接口,但类似百度,需要先注册等一系列动作. 其实windows自带的win32com功能可以简单实现TT ...
- python 语音朗读软件下载_使用python编写一个语音朗读闹钟功能的示例代码
想找一个可以播放文字的闹钟找不到,自己写一个更简单.TTS实现由很多种办法,百度等都提供了API接口,但类似百度,需要先注册等一系列动作. 其实windows自带的win32com功能可以简单实现TT ...
最新文章
- npm install出现的错误
- 图的度 知识图谱的一度关系 几度关系
- 函数声明末尾的“ const”是什么意思? [重复]
- 关于不过洋节的通知_蟠桃宫小学关于平安夜、圣诞节安全教育告家长通知书
- 把普通的git库变成bare库
- 限制CheckBoxList控件只能单选
- 程序员幽默:39个奇葩代码注释,看完笑哭了
- eclipse扩展点_Eclipse扩展点评估变得容易
- 摄像头图像分析目标物体大小位置_摄像头的原理、组成、选型及应用
- macosx下apache的默认用户为daemon
- 点击button后改变文字_24. 教你零基础搭建小程序:小程序的常见组件(5)— button标签...
- kali2018安装教程_Kali更新安装firefox教程
- 忽悠马云10亿,还阿里4500亿:做对事赢一场,跟对人赢一生!
- OCSNG inventory | 介绍
- 【中级计量经济学】Lecture 2 多重共线性
- UrlEncode编码/UrlDecode解码 - 站长工具
- 【Win】查看Bing壁纸每天更新的图片
- win7 ie11 无法卸载
- mysql高级查询练习题_MySQL高级查询习题
- [工具推荐]IPv6 在线 Ping 测试
热门文章
- 【云原生】灰度发布、蓝绿发布、滚动发布、灰度发布解释
- python爬虫:批量下载qq空间里的照片(一)
- off邮箱服务器怎么看,没有和账号服务器连接 Kick Off 怎么办?
- 单位圆盘的全纯自同构群Aut B(0,1)
- 七七计算机论文,七七计算机外文文献 七七计算机参考文献怎么写
- 哪里可以在线观看《人再囧途之泰囧》
- 普渡大学计算机科学和计算机工程,老师能讲一下普渡大学西拉法叶分校电气与计算机工程怎么样?...
- 【虚拟机】虚拟机vmware设置全屏(直接设置)
- echarts的边框图片之切图(重要)以及公共面板样式的制作
- 北京三大春天赏花圣地