本文目录一览:
- 1、ckplayer加载失败,是我电脑的原因。还是网站的问题
- 2、网页随机调用一个数字1~100命名的视频?
- 3、ckplayer.js右键怎么修改
- 4、CKplayer JS互动控制播放器怎么调用
- 5、为什么ckplayer改setup参数无效
ckplayer加载失败,是我电脑的原因。还是网站的问题
1:你是直接在本地双击播放页面(如测试的index.htm)打开的,而不是在web环境中浏览的。 2:确保你的所有文件是在同一个域下面,就是在同一个网站里,并且所有文件路径使用同一个域名,而不是有些文件放在其它网站里,或者使用其他域名路径,因为这涉及到一个安全沙箱的问题。在其他网站里的文件是无法获取的。 3:如果播放器位置完全显示黑色,什么都没有,右键点击黑色部分是普通的刷新,查看源代码等信息的话请检查调用代码里js的路径和播放器的路径是否正确,如果你不确定路径是否正确的时候,可以使用绝对路径 4:显示黑色,点击右键提示没有加载影片 出现这个问题请检查调用播放器时设置的播放器路径,如下 swfobject.embedSWF('ckplayer/ckplayer_c.swf', 'a1', '600', '400', '10.0.0','ckplayer/expressInstall.swf', flashvars, params, attributes); 或 CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params); 如果你不敢肯定,请使用绝对路径 5:显示一个时间,其它的都没有显示,此时需要检查一下ckplayer.js中的ck.cpath=''的值,或ckplayer.xml中的中的值,这里是用来设置播放器界面路径的,可以设置成绝对路径,使之能正确加载到播放器风格压缩包文件.
网页随机调用一个数字1~100命名的视频?
定义一个函数
function random(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
2、调用函数
题主有两处用到了随机数,所以首先要用一个变量把随机数存起来。不能直接调用两次函数,两字运行函数的结果大概率会不一样
在var videoinfo前面定义个变量:
var videoNumber = random(1, 100);
vurl:'到100随机值.mp4',
html5url:'到100随机值.mp4',
改为:
vurl:''+videoNumber +'.mp4',
html5url:''+videoNumber +'.mp4',
ckplayer.js右键怎么修改
网页播放器都有使用的前提(问1)。
~~~~~~~分隔线~~~~~~~
只需一步先看播放器效果(问2):
下载附件,解压内容(ckplayer文件夹和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='';
//div的id
s1.swfwrite('video');
/script
呵呵,简单吧。
当然,CKplayer的功能是非常丰富的,这只是九牛一毛的功能,只要会简单使用了,这时你可以下载官方的完整版,我相信其他功能你可以很快上手应用的。
PS:这里解压到网站根目录只是为了很快投入使用,你可以放在网站中任意的文件夹里,在各个网页中去调用,很灵活的(问4)。
附件:CKplayer.5.8.超简打包下载
最后卖萌一下:除了官方的方式调用播放器外,这里还为你准备了一个更简单易用的CKplayer封装调用,在好些网站上我有应用,感觉很不错,或许你也可以试试:
参阅:CKplayer 简易封装及使用手册
问1:
CKplayer 是网络视频播放器,俗称的flv网页播放器,与 JW Player 是一类的,当然使用就比jw简单多了,而且功能也更适合国人使用,关键是全功能免费和群友交流更方便。
所以,播放器必须在IIS/Apache等网页服务器环境中使用,简单来说就是使用 或本地 这样的方式来打开网页才能正常使用,你测试的时候可以在本地搭建网页测试环境,也可以直接上传到你现在的网站空间里用域名来访问和调试。直接双击打开网页的方式是不行滴。
问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、视频地址不正确,你试试在测试环境里直接访问视频地址看能否访问得到,比如用 。
问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,为了解压到你的网站根目录的时候不会把你原有的主页文件破坏,并最简了调用代码,看起来更轻松些。
CKplayer JS互动控制播放器怎么调用
分析一下过程:
js 中控制的播放器 ID 指的是播放器 object 的 id,而非网页中显示播放器的 div 的 id。在这里,ck.js 中默认的 object 的 id 是:ck + 传入的容器id,比如你的播放器调用代码为:
那么:很明显,你的播放器将填充到 video 这个容器中,js 中控制的播放器互动的 ID 应该是什么呢,对,就是:ckvideo。
另外:由于 ck.js 中默认有 ID 值为:ckvideo,那么,如果你在调用播放器时没有指定 ID 的话,那么,控制播放器的 js 互动 ID 就是:ckvideo。
简单点说,就是用于控制播放器的 js 中用的 ID 需要在网页播放器 div 的 id 前加上两字母:ck,如果你没指定 div 的 id,那么播放器的 Object ID 就是:ckvideo.
为什么ckplayer改setup参数无效
(一)、修改或去掉播放器前置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的。
(二)、修改或去掉右上角的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