ckplay video.php,CKPLAYER播放器的教程-小白看

看了楼顶的某位仁兄的关于冰冷聚星插件的使用,不禁心酸,N次都不成功。还是自己来吧,测试多几次就可以了

1、下载官方的ckplayer6.3完整版.rar,解压上传到你的网站的希望的目录。我为了叙说方便,放在根目录,目录名称为ckplayer

2、里面的ckplayer.js;ckplayer.xml不必更改任何东西,真的不需要,傻逼才去改

3、下载冰冷聚星的解析插件,链接http://www.ckplayer.com/bbs/foru ... 2486&extra=page%3D1,解压到ckplayer下面

4、这样就可以了。不要去看2013年的陈年旧帖,再尝试到3013也不会成功的

5、然后我们就去看看调用的实现了。我就以帝国为例:列表页调用方式如下:

页面模板内容(*)放以下内容,

(这段语句不用说放哪里吧)

在你具体的位置放以下语句

这里只需要修改两个地方:

第一:http://www.test.com换成你网站的域名

第二:'+videoSrcArr[0]+'这是我调用优酷视频连接字段的数组名称,其实说白了就是优酷的链接,优酷的几种链接都可以,随你便。这个变量就是优酷的视频链接,如http://v.youku.com/v_show/id_XNzI1NjAyMDky.html?f=22373938&ev=1&from=y1.3-idx-grid-1519-9909.86808-86807.1-1

其他参数你参考官网的说明一个个来改吧。

列表内容模板(list.var) (*)

这部分是我自己写的字段,[!--videoadd--]代表的是优酷的链接内容,就是http://v.youku.com/v_show/id_XNz ... 909.86808-86807.1-1这个东西,当然这个具体变量怎么调用自己看着办了。

6、现在去内容页调用。当然也可以参考列表页用object来调用。但多个方法,因为列表页需要循环调用,内容页只是一个视频调用。用不用的着你自己看着办。以下的内容放在你网页的适当位置就可以了。

var flashvars={

f:'http://www.test.com/ckplayer/video.php?url=[$pat]',

a:'[!--youku--]',

s:2,

c:0,

p:1,

e:1,

m:0,

i:''

};

var params={bgcolor:'#000',allowFullScreen:true,allowScriptAccess:'always'};

var attributes={id:'ckplayer_a1',name:'ckplayer_a1'};

swfobject.embedSWF('../../../ckplayer/ckplayer.swf', 'a1', '600', '400', '10.0.0','ckplayer/expressInstall.swf', flashvars, params, attributes);

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'];

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

第一:http://www.test.com换成你网站的域名

第二:[!--youku--]这是我调用优酷视频连接字段的变量,换成你自己就可以了,如何傻乎乎的转牛角尖,直接

a:'http://v.youku.com/v_show/id_XNzI1NjAyMDky.html?f=22373938&ev=1&from=y1.3-idx-grid-1519-9909.86808-86807.1-1',

满意了吧。

什么原理的等吧东西调用出来再去研究吧。说什么传参的如同放屁。人家冰冷兄其实很简单。就是某些人搞得极其复杂,何必

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在网页上播放RTSP视频流,可以使用video.js和videojs-rtsp插件。下面是一个简单的示例代码: 首先,需要引入video.js和videojs-rtsp插件的javascript文件: ```html <link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" /> <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <script src="https://vjs.zencdn.net/7.8.4/video.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-rtsp/dist/videojs-rtsp.min.js"></script> ``` 然后,在页面中添加一个video标签: ```html <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"> <source src="" type="video/rtsp" /> </video> ``` 注意,source标签的type属性应该设置为“video/rtsp”。 最后,在javascript中初始化video.js和videojs-rtsp插件: ```javascript var player = videojs('my-video', { techOrder: ['html5', 'rtsp'] }); player.src({ src: 'rtsp://example.com/stream', type: 'video/rtsp' }); player.play(); ``` 其中,src的src属性指定了RTSP视频流的URL,type属性依然是“video/rtsp”。 这样就可以在网页上播放RTSP视频流了。当然,需要注意的是,由于RTSP是一种比较老旧的视频流协议,所以有些浏览器可能不支持它。在测试时,可以使用Chrome浏览器,并在地址栏中输入chrome://flags/#allow-insecure-localhost,将“Allow invalid certificates for resources loaded from localhost.”设置为Enabled,以允许加本地的RTSP视频流。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值