登陆

ckplayer播放器使用教程

WBB2017-08-182365人围观 ,发现0个评论

 由于自己有时候拍摄的视频侵权无法发送到网上,比如优酷、腾讯这些,所以需要自己搞分播放器解析视频,今天试用了一下ck播放器,这个播放器好是好,就是对手机无法适配。苹果ios无法播放flash。

使用方法:

1、首先下载播放器:https://www.ckplayer.com/down/ 

2、解压文件ckplayer到自己网站的根目录

QQ截图20200927093126.jpg

3、上传要播放的视频

4、把代码镶嵌到自己的网页就可以了。

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script>

<div class="video" style="width: 600px;height: 400px;"></div>

<script type="text/javascript">

    //定义一个变量:videoObject,用来做为视频初始化配置

    var videoObject = {

container: '.video', //“#”代表容器的ID,“.”或“”代表容器的class

variable: 'player', //播放函数名称,该属性必需设置,值等于下面的new ckplayer()的对象

video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址

    };

    var player = new ckplayer(videoObject);//初始化播放器

</script>

注意文件夹地址,改成绝对地址,如果是内页用原来的地址src="ckplayer/ckplayer.js"会无法显示播放器。

360截图20200927093230790.jpg

效果如下图

如果需要分享的话,提前先到   /ckplayer/share.xml  网站地址修改为自己的网址。

滚动字体在 ckplayer/ckplayer.js 中修改

请发表您的评论
不容错过
Powered By Z-BlogPHP