网页视频播放插件ckplayer的使用-详细介绍

ckplayer插件下载地址:http://pan.baidu.com/s/12HYH4(如果不在了,自己找地址下载,下载后添加到网站根目录)

1,首先在页面头部引入:

<script src="ckplayer/ckplayer.js"></script>

2,在body部分放一个div:

<div style=" width:660px;margin:0 auto;">

<div id="a1"></div>

</div>

3,在script中的windows.load时间里,或者在2步骤的div后面放入一下脚本:

<script type="text/javascript">

var flashvars = {

f: ‘video/card.mp4‘,//视频地址

//如果你不需要某项设置,可以直接删除,注意var flashvars的最后一个值后面不能有逗号

a: ‘‘,//调用时的参数,只有当s>0的时候有效

s: ‘0‘,//调用方式,0=普通方法(f=视频地址),1=网址形式,2=xml形式,3=swf形式(s>0时f=网址,配合a来完成对地址的组装)

c: ‘0‘,//是否读取文本配置,0不是,1是

x: ‘‘,//调用xml风格路径,为空的话将使用ckplayer.js的配置

i: ‘video/1.jpg‘,//初始图片地址

d: ‘video/1.jpg‘,//暂停时播放的广告,swf/图片,多个用竖线隔开,图片要加链接地址,没有的时候留空就行

u: ‘http://www.vqisoft.com/‘,//暂停时如果是图片的话,加个链接地址

l: ‘‘,//前置广告,swf/图片/视频,多个用竖线隔开,图片和视频要加链接地址

r: ‘‘,//前置广告的链接地址,多个用竖线隔开,没有的留空

t: ‘10|10‘,//视频开始前播放swf/图片时的时间,多个用竖线隔开

y: ‘‘,//这里是使用网址形式调用广告地址时使用,前提是要设置l的值为空

z: ‘http://www.ckplayer.com/down/buffer.swf‘,//缓冲广告,只能放一个,swf格式

e: ‘2‘,//视频结束后的动作,0是调用js函数,1是循环播放,2是暂停播放并且不调用广告,3是调用视频推荐列表的插件,4是清除视频流并调用js功能和1差不多,5是暂停播放并且调用暂停广告

v: ‘80‘,//默认音量,0-100之间

p: ‘0‘,//视频默认0是暂停,1是播放

h: ‘0‘,//播放http视频流时采用何种拖动方法,=0不使用任意拖动,=1是使用按关键帧,=2是按时间点,=3是自动判断按什么(如果视频格式是.mp4就按关键帧,.flv就按关键时间),=4也是自动判断(只要包含字符mp4就按mp4来,只要包含字符flv就按flv来)

q: ‘‘,//视频流拖动时参考函数,默认是start

m: ‘0‘,//默认是否采用点击播放按钮后再加载视频,0不是,1是,设置成1时不要有前置广告

o: ‘‘,//当m=1时,可以设置视频的时间,单位,秒

w: ‘‘,//当m=1时,可以设置视频的总字节数

g: ‘‘,//视频直接g秒开始播放

j: ‘‘,//视频提前j秒结束

k: ‘‘,//提示点时间,如 30|60鼠标经过进度栏30秒,60秒会提示n指定的相应的文字

n: ‘‘,//提示点文字,跟k配合使用,如 提示点1|提示点2

wh: ‘‘,//这是6.2新增加的宽高比,可以自己定义视频的宽高或宽高比如:wh:‘4:3‘,或wh:‘1080:720‘

ct: ‘2‘,//6.2新增加的参数,主要针对有些视频拖动时时间出错的修正参数,默认是2,自动修正,1是强制修正,0是强制不修正

//调用播放器的所有参数列表结束

//以下为自定义的播放器参数用来在插件里引用的

my_url: encodeURIComponent(window.location.href)//本页面地址

//调用自定义播放器参数结束

};

var params = { bgcolor: ‘#FFF‘, allowFullScreen: true, allowScriptAccess: ‘always‘ };//这里定义播放器的其它参数如背景色(跟flashvars中的b不同),是否支持全屏,是否支持交互

var attributes = { id: ‘ckplayer_a1‘, name: ‘ckplayer_a1‘, menu: ‘false‘ };

//下面一行是调用播放器了,括号里的参数含义:(播放器文件,要显示在的div容器,宽,高,需要flash的版本,当用户没有该版本的提示,加载初始化参数,加载设置参数如背景,加载attributes参数,主要用来设置播放器的id)

CKobject.embedSWF(‘ckplayer/ckplayer.swf‘, ‘a1‘, ‘ckplayer_a1‘, ‘650‘, ‘380‘, flashvars, params);

var video = [‘http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4‘, ‘http://www.ckplayer.com/webm/0.webm->video/webm‘, ‘http://www.ckplayer.com/webm/0.ogv->video/ogg‘];

var support = [‘iPad‘, ‘iPhone‘, ‘ios‘, ‘android+false‘, ‘msie10+false‘];//默认的在ipad,iphone,ios设备中用html5播放,android,ie10上没有安装flash的也调用html5

CKobject.embedHTML5(‘video‘, ‘ckplayer_a1‘, 600, 400, video, flashvars, support);

</script>

时间: 2024-10-31 20:43:17

网页视频播放插件ckplayer的使用-详细介绍的相关文章

网页静态化技术Freemarker的详细介绍

网页静态化技术Freemarker 一.Freemarker的基本介绍 1.1为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁的数据.另外网页静态化

支持wmv、mpg、mov、avi格式的网页视频播放代码

这2天一直在整金网奖的相关项目,比较头大的就是网页视频播放了,需要考虑各种不同格式的视频,然后找相应的视频播放器. 这次使用了2种方法对这些视频进行处理: 1.使用ckplayer网页视频播放器 ckplayer可以说是非常好用的网页视频播放器了,代码部署简单,配置容易,但遗憾的是支持的视频格式不是很多,仅支持flv.f4v.mp4等格式. 2.使用window media play网页播放器 对于这个视频播放器,大家应该不陌生,是window系统自带的播放器,个人非常讨厌这个东东,虽然是系统自

PHP模板引擎smarty详细介绍

篇文章主要介绍了PHP模板引擎smarty详细介绍,本文讲解了什么是smarty.smarty优点.不适合使用smarty的地方.smarty目录结构及版本,需要的朋友可以参考下 /* 一.什么是smarty? smarty是一个使用PHP写出来的模板PHP模板引擎,它提供了逻辑与外在内容的分离,简单的讲, 目的就是要使用PHP程序员同美工分离,使用的程序员改变程序的逻辑内容不会影响到美工的页面设计,美工重新修改页面不会影响到程序的程序逻辑,这在多人合作的项目中显的尤为重要. 二.smarty优

[转]图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响

VintaSoft扫描仪和数码相机TWAIN控件VintaSoftTwain.NET Library详细介绍

VintaSoftTwain.NET Library 允许控制平台和手持扫描仪,网页和数码相机,以及 .NET 环境中的任何其它 TWAIN 设备的运作. 具体功能: 完全兼容 TWAIN 2.0 规范 这是一个可完全操纵的.NET 库,保证在.NET 框架中实现快速工作. 从扫描仪.网页或者数码相机以及任何其它 TWAIN 设备中获取图片. 数据源列举以及选择. 显示模态或者非模态的数据源用户接口. 控值 Automatic Document Feeder (ADF) 的运作. 设置图片获取参

ini_set(&#39;memory_limit&#39;, &#39;128M&#39;)、php.ini memory_limit引起的问题详细介绍

故障现象 在运行PHP程序,通常会遇到"Fatal Error: Allowed memory size of xxxxxx bytes exhausted"的错误, 这个意味着PHP脚本使用了过多的内存,并超出了系统对其设置的允许最大内存. 解决这个问题,首先需要查看你的程序是否分配了过多的内存,在程序没有问题的情况下,你可以通过一下方法来增加PHP的内存限制(memory_limit). 检查php的内存限制值 为了查看这个值,你需要建立一个空的php文件,比如view-php-i

银光甘特图/日历图/排程控件GTP.NET for Silverlight详细介绍

GTP.NET for Silverlight是Silverlight下的控件包,提供了交互式的甘特图以及日程安排图,达到时间上可视化和交互,控件完全分发免费.方案网作为PlexityHide在中国的核心代理商,为客户提供优质的客服和技术支持.                          具体功能: 提供了丰富的用户界面直接运行于Silverlight插件下 使用Silverlight开发,达到了跨平台的目的,包括Apple Machintosh和 Microsoft Windows 提供

照片美化和处理控件ColorSwap详细介绍

ColorSwap是一款图形处理工具,可以对任何的数码图片进行颜色处理,并且保持原有图片的光泽和阴影以HSV颜色空间进行先进的图像处理,使用该工具不仅可以极其容易地改变色调.饱和度等,还可以使用标记执行对象分离. 具体功能: 可以对图片进行多种颜色的着色 支持从图片提取对象 对照片进行美化 对图片某部分进行高亮显示 如果您拥有数码相机,并且相对照出的照片进行处理,那么该控件是您最好的选择 如果您在网上看到一张图片,想对其进行颜色修改,或者是截取某一部分,那么该工具是您最好的选择 支持对图片进行添

C/S模式与B/S模式的详细介绍

网络程序开发的两种计算模式--C/S模式与B/S模式.两种各有千秋,用于不同场合. C/S适用于专人使用,安全性要求较高的系统: B/S适用于交互性比较频繁的场合,容易被人们所接受,倍受用户和软件开发者的青睐: B/S模式下的动态网页技术主要有CGI,ASP,PHP,JSP等, 其中JSP基于java技术,跨平台性好,"一次编写,到处运行",并且编写容易,程序员可以快速上手:其重用性好,连接数据库使用JDBC驱动,支持大多数的数据库系统,目前已成为开发B/S系统的主流技术. 详细介绍: