《ckplayer超酷网页视频播放器的使用 - 网页设计在线参考手册.docx》由会员分享,可在线阅读,更多相关《ckplayer超酷网页视频播放器的使用 - 网页设计在线参考手册.docx(9页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、ckplayer超酷网页视频播放器的使用-网页设计在线参考手册-最新IT资讯_电脑知识大全_网络安全教程-次元立方网如今网上做视频播放的很多,我就用过ckplayer这一款,固然不知道别的播放器怎么样,但ckplayer还是比拟不错的。调用简单、讲明明晰、可扩展性很强,我老喜欢了。当然引用人家的东西一定得去人家的官网上看看,由于官网上才正规的帮助手册,案例展示,具体的配置方法。看过了配置讲明,一般大家都能整合到本人的网站上。这就是ckplayer网页播放器的官网地址::/ckplayer/一开场我是觉得ckplayer能免费修改本人的logo,并且皮肤也很好看,看了下调用的方法发现很简单,就决
2、定用它了,如今是越用越觉得好使。先展示下我整合到我的网站上的效果:【展示效果】【调整效果】【共享效果】发了这多效果图只是由于心里高兴,这一上午算是没空费。我从官网上下了如今最新的版本v6.5,我记得我是从四点几开场用的。讲实话,那时候确实还有很多地方没有符合我的需求,如今版本的基本上我的需求都能知足了。为了防止以后在官网上找不到这个版本了,我放到云盘上让大家下载吧:ckplayer6.5版我相信看了里面的demo和配置方法,你肯定会用了。我下面就介绍下我整合的时候用到的东西,先看我的代码:下的代码:divid=a1/divinputid=hidInfoIdtype=hiddenrunat=se
3、rvervalue=szcbb/scripttype=text/javascriptsrc=/Video/Js/offlights.js/scriptscripttype=text/javascriptsrc=/Video/Ckplayer/ckplayer.jscharset=utf-8/scriptscripttype=text/javascriptvarflashvars=f:/Video/Url.aspx?id=$pat,/视频地址a:document.getElementById(hidInfoId).value,/调用时的参数,只要当s0的时候有效s:1,/调用方式,0=普通方法f
4、=视频地址,1=网址形式,2=xml形式,3=swf形式(s0时f=网址,配合a来完成对地址的组装)c:0,/能否读取文本配置,0不是,1是my_url:window.location.href;varparams=bgcolor:#FFF,allowFullScreen:true,allowScriptAccess:always;/这里定义播放器的其它参数如背景色跟flashvars中的b不同,能否支持全屏,能否支持交互varvideo=;CKobject.embed(/Video/Ckplayer/ckplayer.swf,a1,ckplayer_a1,642,615,false,flas
5、hvars,video,params);/开关灯varbox=newLightBox();functioncloselights()/关灯box.Show();CKobject._K_(a1).style.width=642px;CKobject._K_(a1).style.height=615px;CKobject.getObjectById(ckplayer_a1).width=642;CKobject.getObjectById(ckplayer_a1).height=615;functionopenlights()/开灯box.Close();CKobject._K_(a1).styl
6、e.width=642px;CKobject._K_(a1).style.height=615px;CKobject.getObjectById(ckplayer_a1).width=642;CKobject.getObjectById(ckplayer_a1).height=615;/script注意:1.红色标注的地方是要换成你的项目里的地址2.蓝色标注的地方是为了实现视频地址隐藏不暴露才这么弄的。其中从url.aspx页面下动态获取视频地址,所以f,a,s联合使用,f传入的id参数使用的就是a的值。3.橘色标注的地方是为了实现共享功能下获取本网址地址,详细的共享功能就从这里看吧:/ckp
7、layer/tool/#p_3_6_264.绿色标注的地方是表示视频的大小值5.要实现开关灯功能要记得引用offlights.js文件url.aspx.cs下的代码:protectedvoidPage_Load(objectsender,EventArgse)if(!string.IsNullOrEmpty(Request.QueryStringid)/判定id的值获取相应的地址Response.Write(你的视频地址);注意url.aspx下的代码要全部删除,由于需要返回的是纯地址,不能带有其它代码。页面上就剩下这些就中还有一个地方要注意的就是共享功能的实现,要修改share.xml里的内容中的一些文件的途径。其它就不写了,去官网看吧。