现在网站播放视频有各种各样的技术，今天介绍是第三方开发的一个开源播放器，支持h5，flash网页播放，设置时间点。超酷网页视频播放器。软件、网站、手机应用开发。工具/原料more超酷网页视频播放器，vs开发工具方法/步骤1/7分步阅读

下载播放器，在百试中输入超酷网页视频播放器

2/7

主要功能说明

3/7

文件结构

4/7

普通方式调用，仅支持PC端的flashplayer。

该方式只是普通的调用方式，不支持隐藏视频地址，flashvars的定义代码如下：

varflashvars={f:http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv,s:0,c:0};

5/7

增加html代码：

embedsrc=http://www.ckplayer.com/ckplayer/6.8/ckplayer.swfflashvars=f=视频地址p=1quality=highwidth=480height=400align=middleallowScriptAccess=alwaysallowFullscreen=truetype=application/x-shockwave-flash/embed

6/7

flashvars对象功能说明

在调用播放器时，都需要给播放器传递一些参数，比如视频地址，是否默认播放等。在ckplayer中，默认传递的这些参数都由一个对象来定义，即var falshvars={}。该对象里包含了各种需要传递的属性，比如f：视频地址，p：默认是否自动播放

请注意，这个只是一个变量，并不是指定的名称。你可以用别的变量名称来定义。在演示文档里的代码如下：

divid=a1/divscripttype=text/javascriptsrc=ckplayer/ckplayer.jscharset=utf-8/scriptscripttype=text/javascriptvarflashvars={f:http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv,c:0};varvideo=;CKobject.embed(ckplayer/ckplayer.swf,a1,ckplayer_a1,600,400,false,flashvars,video);/script

Javascript代码

如果你用别的变量来定义，比如用 ckplayer来替换，则代码可变成下面的形式：

divid=a1/divscripttype=text/javascriptsrc=ckplayer/ckplayer.jscharset=utf-8/scriptscripttype=text/javascriptvarckplayer={f:http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv,c:0};varvideo=;CKobject.embed(ckplayer/ckplayer.swf,a1,ckplayer_a1,600,400,false,ckplayer,video);/script

Javascript代码

注意二段代码的不同，一共有二处不同的地方

在http协议中。通信中最常用的有二个方式。一是get，一是post，ckplayer传递初始化参数的形式类似于get形式，比如我们要向一个服务器端程序请求地址时可能会使用如：get.php?id=1user=ck这样的。其实在ckplayer的flashplayer中传递参数也是如此。比如ckplayer.swf?p=1s=0，所以上面的代码形式最终都要转换成这种方式向播放器传递参数。当然，在ckplayer中还有另一种传递参数的形式。就是播放器“主动读取”（其实所谓的传递参数都是要播放器读取的）。这种“主动读取”主要使用在一些共用配置中。比如在ckplayer.js中的ckstyle()函数和ckplayer.xml中的flashvars/flashvars节点。此外在不同的调用视频地址方式中还可以在调用地址中设置。下面列出一个详细的调用过程来详细讲解。

1：页面中的调用代码主要部分如下：

varflashplayer={f:geturl.php?id=,a:123,s:1,p:1，c:0};

Javascript代码

上面的设置，s=1说明是使用的网址形式调用视频地址。即播放器先要请求：geturl.php?id=123，这个页面里再输出视频地址，比如这个页面输出内容是：

{p-0}http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv

注意，这个页面里只能输出以上内容，即在页面中右键查看源代码，也是这些内容，不包含其它如htmlhead这些内容。

此时，播放器先读取页面中的var flashvars={}，得到p=1，但是因为采用的网址形式调用。则在接下来时读取geturl.php?id=123这个页面。里面有{p-0}，则播放器认为需要默认暂停。

现在归纳一下：

1：播放器首先读取页面中定义的var flashvars={}

2：接下来播放器会加载ckplayer.js中的ckstyle()（或ckplayer.xml）此时，如果ckstyle()里有flashvars:这个属性（或ckplayer.xml里有flashvars/flashvars节点），则会把这里的参数也补充进来。注意这里是补充。即如果你在页面中已设置过某个属性了。则这里的设置就不管用了。

3：接下来会读取视频地址输出页面，如果这个地址里也设置了flashvars的配置。则会把这里的配置替换进来。注意这里是替换。会替换掉之前的配置。

7/7

演示。