CKplayer 新手入门超简单使用教程

本文详细介绍了CKplayer网页视频播放器的基本使用方法,包括安装、配置和自定义视频播放功能。通过提供详细的步骤和实例代码,帮助用户快速掌握如何将CKplayer集成到自己的网站中,实现流畅的视频播放体验。同时,文章还提供了官方资源的下载链接,便于用户获取完整版软件,探索更多高级功能。
部署运行你感兴趣的模型镜像

网页播放器都有使用的前提(问1)。

~~~~~~~分隔线~~~~~~~

只需一步先看播放器效果(问2):

下载附件,解压内容(ckplayer文件夹ckplayer.html)到网站根目录,在浏览器中打开你的调试网站就可以看到网页播放效果,如:
http://localhost/ckplayer.html

~~~~~~~分隔线,正题,使用步骤~~~~~~~

1、同上,下载附件并解压到网站根目录,在你的网站测试环境中看看播放器是否正常显示。

2、用 Editplus 或 DreamWeaver 等文件编辑工具打开网站根目录的 ckplayer.html 文件看到代码很简单吧,你试试修改 s1.ckplayer_flv 为自己的视频或其他网络视频,再刷新浏览器,应该可以播放哦(问3)。

其实到这里,你就已经学会了播放器的基本使用。

3、应用到自己网站中的其他网页,则复制 ckplayer.html 中的代码到你要加载视频播放的位置就可以了:

<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<div id="video"></div>
<script type="text/javascript">
	var s1=new swfupload();
	//视频地址
	s1.ckplayer_flv='http://movie.ks.js.cn/flv/2011/11/8-1.flv';
	//div的id
	s1.swfwrite('video');
</script>

呵呵,简单吧。

当然,CKplayer的功能是非常丰富的,这只是九牛一毛的功能,只要会简单使用了,这时你可以下载官方的完整版,我相信其他功能你可以很快上手应用的。

PS:这里解压到网站根目录只是为了很快投入使用,你可以放在网站中任意的文件夹里,在各个网页中去调用,很灵活的(问4)。

附件:CKplayer.5.8.超简打包下载

最后卖萌一下:除了官方的方式调用播放器外,这里还为你准备了一个更简单易用的CKplayer封装调用,在好些网站上我有应用,感觉很不错,或许你也可以试试:

参阅:CKplayer 简易封装及使用手册

问1:
CKplayer 是网络视频播放器,俗称的flv网页播放器,与 JW Player 是一类的,当然使用就比jw简单多了,而且功能也更适合国人使用,关键是全功能免费和群友交流更方便。
所以,播放器必须在IIS/Apache等网页服务器环境中使用,简单来说就是使用 http://www.domain.com/xxx 或本地 http://localhost/xxx 这样的方式来打开网页才能正常使用,你测试的时候可以在本地搭建网页测试环境,也可以直接上传到你现在的网站空间里用域名来访问和调试。直接双击打开网页的方式是不行滴。

问2:
附件内容各方面功能都与官方完全一致的,与官方同步更新,请放心使用。只修改了默认的几个参数,配合这个教程更方便新手使用而打包,可下载官方精简版对照。

问3:
如果将 s1.ckplayer_flv 改为网络视频可以播放,换成自己网站中的视频播放不了,有几个方面的原因:
1、视频格式不支持,CKplayer也大多数网页播放器一样,支持H264编码的MP4、F4V、MOV以及常用的FLV格式,因为网络播放需要边缓冲边播放,对格式有比较严格的要求。像AVI、RMVB、DAT什么的这是桌面播放器如暴风、KMP流的工作。
2、视频格式服务器不支持,也就是MIME设置不正确,你需要在IIS中设置相应的文件格式MIME(详查论坛或百度):
.flv -> application/octet-stream 或 video/x-flv 或 flv-application/octet-stream
.mp4 -> application/octet-stream 或 video/x-mp4
.f4v -> application/octet-stream 或 video/x-f4v
设置之后记得重启IIS。
3、视频地址不正确,你试试在测试环境里直接访问视频地址看能否访问得到,比如用 http://localhost/video/1.mp4。

问4:
官方的打包是采用的相对路径文件包,因为播放器要加载Flash,加载皮肤,有几处路径要正确设置才能使用,很多新手朋友使用的官方包的时候会遇到黑屏无法加载播放器等问题,其实都是因为路径或js文件没有正确加载引起的,所以特别做了这个绝对根路径的文件打包,方便新手朋友下载后立即可以看到使用效果。
其中相对于官方的精简版包修改了下面几处:
1、ckplayer/ckplayer.js文件中:
ck.cpath = '/ckplayer/assets/'; //风格总路径,(14行)设为了根路径
ck.control_r='Null,2,1,-75,-100,1';//右侧调整按钮的文件,(32行)暂时去掉了插件
this.ckplayer_url = '/ckplayer/ckplayer.swf'; //(125行)默认了播放器的位置和文件
this.ckplayer_style = 0; //(128行)默认的视频类型改为0,即单一视频地址播放模式
2、index.htm文件改名为ckplayer.html,为了解压到你的网站根目录的时候不会把你原有的主页文件破坏,并最简了调用代码,看起来更轻松些。

您可能感兴趣的与本文相关的镜像

PyTorch 2.6

PyTorch 2.6

PyTorch
Cuda

PyTorch 是一个开源的 Python 机器学习库,基于 Torch 库,底层由 C++ 实现,应用于人工智能领域,如计算机视觉和自然语言处理

ckplayer是一款在网页上播放视频的免费的播放器,功能强大,体积小巧,跨平台,使用起来随心所欲。 <p>CKplayer播放器主要以adobe的flash(所使用的版本是CS5)平台开发,所以在支持flash插件的平台和浏览器上都可以使用,而无需下载其它插件,如果你需要修改完整版里提供的相关的flash源文件,请使用adobe的flash cs5以上版本打开源文件修改。</p><p>ckplayer同时也支持html5的视频播放,即同时可以在Ipad,Iphone等IOS平台上播放视频,并且只需简单代码就可以使用,无需了解html5插入视频的方法。</p><p>软件在对各平台的兼容性方面适应性比较强,比如你可以设置在Android平台或wp平台上在用户已安装flash插件的时候使用flash播放器,在没有装flash插件的情况下使用html5播放器。</p><p>ckplayer是一种前台使用的程序,不涉及到服务器程序(asp,php,jsp,.net),也不涉及到对服务器的操作(即不需要写入权限),所以不存在安全方面的问题。同时可以集成在任何程序中,包括asp,php,jsp,.net以及其它支持插入flash的环境中。</p><p>功能列表:</p><p>兼容SWF/HTML5跨平台播放</p><p>支持流行视频格式flv,f4v,mp4,</p><p>支持html5格式m3u8,webm,ogg theora,mp4</p><p>支持RTMP协议下的视频直播和回放</p><p>支持前置广告(swf,图片,视频)</p><p>支持前置广告多个随机/顺序播放</p><p>支持暂停广告(swf,图片)多个随机播放</p><p>支持缓冲广告,小窗口广告,滚动文字广告</p><p>支持多达6种形式的视频地址调用方式</p><p>支持多段视频无缝播放,支持多集连播</p><p>支持视频预览功能</p><p>自定义提示点功能,跳过片头片尾功能</p><p>bshare完美视频分享功能</p><p>调节视频尺寸,亮度,对比度,色相,饱和度功能</p><p>支持播放结束显示精彩视频推荐</p><p>支持自定义播放器界面,无需了解程序,即可自己制作出风格</p><p>支持js和播放器的互动操作,可以任意控制播放器的动作,比如暂停/播放</p><p>丰富的api接口,快速打造功能强大的插件</p><p> </p><p>CKplayer-酷网页视频播放器 v6.8 更新日志: </p>一:修复Bug 1:修复了已知的bug 2:修正了html5中监听time的错误 3:新加了几个交互函数 4:风格设置里增加了提示文本底色及圆角的功能 二:增加功能 1:增加了全屏模式下启用键盘输入的功能,设置方法分二步:调用代码var flashvars={}里增加fs:'1',以及var params={}里增加allowFullScreenInteractive:true 2:增加了在播放器内显示文本元件的功能。 3:增加了新的调用视频地址的方式:json调用。 感谢各位朋友对ckplayer的支持,在本次升级中,许多朋友提供了好的建议,虽然因为考虑到大部分用户的需求后决定一些功能没有对其进行更改。 6.7升级至6.8的方法 1:替换ckplayer.swf 2:替换ckplayer.js中的315行((function() {)及以下的所有内容 3:ckplayer.js中setup属性的第21个值在正式使用时设置成0 4:language.xml里增加了控制提示文字的样式:{font color='#FFFFFF' face='Microsoft YaHei' size='16'}[$prompt]{/font} 5:languae.xml里增加了新版默认风格里的设置的提示文本样式:{font color='#FFFFFF' face='Microsoft YaHei,\u5fae\u8f6f\u96c5\u9ed1' size='14'}设置{/font} (也可以直接替换掉languae.xml) 6:如果要使用新的风格,需要替换掉目前的style.swf,并同时删除ckplayer.js中和ckplayer.xml中安装的插件代码。详细的可以对照新的ckplayer.js中的: function ckcpt() {   var cpt = '';   return cpt; } 以及ckplayer.xml中的的节点
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值