趣百科

网站视频播放

编辑:Simone 2024-11-28 22:26:36 597 阅读

网站视频播放

现在网站播放视频有各种各样的技术,今天介绍是第三方开发的一个开源播放器,支持h5,flash网页播放,设置时间点。超酷网页视频播放器。

软件、网站、手机应用开发。

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

主要功能说明

文件结构

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

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

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

增加html代码:

flashvars对象功能说明

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

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

varflashvars={ f:'http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv', c:0 }; varvideo=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4']; CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);Javascript代码如果你用别的变量来定义,比如用 ckplayer来替换,则代码可变成下面的形式:
varckplayer={ f:'http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv', c:0 }; varvideo=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4']; CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,ckplayer,video);Javascript代码注意二段代码的不同,一共有二处不同的地方在http协议中。通信中最常用的有二个方式。一是get,一是post,ckplayer传递初始化参数的形式类似于get形式,比如我们要向一个服务器端程序请求地址时可能会使用如:get.php?id=1&user=ck这样的。其实在ckplayer的flashplayer中传递参数也是如此。比如ckplayer.swf?p=1&s=0,所以上面的代码形式最终都要转换成这种方式向播放器传递参数。当然,在ckplayer中还有另一种传递参数的形式。就是播放器“主动读取”(其实所谓的传递参数都是要播放器读取的)。这种“主动读取”主要使用在一些共用配置中。比如在ckplayer.js中的ckstyle()函数和ckplayer.xml中的节点。此外在不同的调用视频地址方式中还可以在调用地址中设置。下面列出一个详细的调用过程来详细讲解。1:页面中的调用代码主要部分如下:varflashplayer={f:'geturl.php?id=[$pat]',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注意,这个页面里只能输出以上内容,即在页面中右键查看源代码,也是这些内容,不包含其它如这些内容。此时,播放器先读取页面中的var flashvars={},得到p=1,但是因为采用的网址形式调用。则在接下来时读取geturl.php?id=123这个页面。里面有{p->0},则播放器认为需要默认暂停。现在归纳一下:1:播放器首先读取页面中定义的var flashvars={}2:接下来播放器会加载ckplayer.js中的ckstyle()(或ckplayer.xml)此时,如果ckstyle()里有flashvars:''这个属性(或ckplayer.xml里有节点),则会把这里的参数也补充进来。注意这里是补充。即如果你在页面中已设置过某个属性了。则这里的设置就不管用了。3:接下来会读取视频地址输出页面,如果这个地址里也设置了flashvars的配置。则会把这里的配置替换进来。注意这里是替换。会替换掉之前的配置。

Javascript代码

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

varckplayer={ f:'http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv', c:0 }; varvideo=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4']; CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,ckplayer,video);Javascript代码注意二段代码的不同,一共有二处不同的地方在http协议中。通信中最常用的有二个方式。一是get,一是post,ckplayer传递初始化参数的形式类似于get形式,比如我们要向一个服务器端程序请求地址时可能会使用如:get.php?id=1&user=ck这样的。其实在ckplayer的flashplayer中传递参数也是如此。比如ckplayer.swf?p=1&s=0,所以上面的代码形式最终都要转换成这种方式向播放器传递参数。当然,在ckplayer中还有另一种传递参数的形式。就是播放器“主动读取”(其实所谓的传递参数都是要播放器读取的)。这种“主动读取”主要使用在一些共用配置中。比如在ckplayer.js中的ckstyle()函数和ckplayer.xml中的节点。此外在不同的调用视频地址方式中还可以在调用地址中设置。下面列出一个详细的调用过程来详细讲解。1:页面中的调用代码主要部分如下:varflashplayer={f:'geturl.php?id=[$pat]',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注意,这个页面里只能输出以上内容,即在页面中右键查看源代码,也是这些内容,不包含其它如这些内容。此时,播放器先读取页面中的var flashvars={},得到p=1,但是因为采用的网址形式调用。则在接下来时读取geturl.php?id=123这个页面。里面有{p->0},则播放器认为需要默认暂停。现在归纳一下:1:播放器首先读取页面中定义的var flashvars={}2:接下来播放器会加载ckplayer.js中的ckstyle()(或ckplayer.xml)此时,如果ckstyle()里有flashvars:''这个属性(或ckplayer.xml里有节点),则会把这里的参数也补充进来。注意这里是补充。即如果你在页面中已设置过某个属性了。则这里的设置就不管用了。3:接下来会读取视频地址输出页面,如果这个地址里也设置了flashvars的配置。则会把这里的配置替换进来。注意这里是替换。会替换掉之前的配置。

Javascript代码

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

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

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

varflashplayer={f:'geturl.php?id=[$pat]',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注意,这个页面里只能输出以上内容,即在页面中右键查看源代码,也是这些内容,不包含其它如这些内容。此时,播放器先读取页面中的var flashvars={},得到p=1,但是因为采用的网址形式调用。则在接下来时读取geturl.php?id=123这个页面。里面有{p->0},则播放器认为需要默认暂停。现在归纳一下:1:播放器首先读取页面中定义的var flashvars={}2:接下来播放器会加载ckplayer.js中的ckstyle()(或ckplayer.xml)此时,如果ckstyle()里有flashvars:''这个属性(或ckplayer.xml里有节点),则会把这里的参数也补充进来。注意这里是补充。即如果你在页面中已设置过某个属性了。则这里的设置就不管用了。3:接下来会读取视频地址输出页面,如果这个地址里也设置了flashvars的配置。则会把这里的配置替换进来。注意这里是替换。会替换掉之前的配置。

Javascript代码

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

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

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

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

现在归纳一下:

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

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

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

演示。

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/answer/85715.html

相关推荐