Saber 酱的抱枕

Fly me to the moon

07/27
2015
学习

使用ckplayer播放网页视频

您没有安装flash插件,无法播放视频,请点击此处下载安装最新的flash插件

↑穹妹只是封面图而已

ckplayer是一个免费的网页视频播放器,功能强大,配置简单,可以兼容html5。

首先到官网下载ckplayer ,下载后把压缩包里的ckplayer文件夹放到网站中,然后进行在线配置

配置完成后复制代码,修改里面js、flv文件和swf文件的路径,宽高需要的话也改下,就可以粘贴到网页中使用了。


点击此处下载去掉了广告和水印的文件。同时附上一份较为通用的调用代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<div id="video1"></div>
<script type="text/javascript">
    var flashvars={
        f:'/a1.mp4',    //视频地址
        c:0,            //调用ckplayer.js中的ckstyle()
        p:2,            //默认不加载视频,点击播放才开始加载
        i:'/a1.jpg'     //封面图地址
    };
    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
    //设置播放器地址、视频容器id、宽高等信息
    CKobject.embedSWF('/ckplayer/ckplayer.swf','video1','ckplayer_a1','450','360',flashvars,params);
</script>

这份代码里ckplayer文件夹和视频、封面图都是放在网站根目录的。需要的话修改。

使用经验:

想要省流量的话可以设置为不自带加载视频。可以设置封面图片。
默认会显示广告文字,想要去掉的话在ckplayer.js里清空advmarquee标记内escape中的内容。
想要去掉水印的话,把ckplayer.js里mylogo和logo两项参数的值设为空。下载修改后的ckplayer.js
右边的功能选项里,分享功能需要设置正确的参数,否则可能不可用。关灯在有些时候可能无效。调整视频尺寸的功能没问题。

查看帮助文档 更多配置参考

使用ckplayer播放网页视频

TOP
你就是我的 master 吗?
    显示公告
    聊      天
    吃 零 食
    博客后台
    生存时间
    关闭春菜
    X
    召唤春菜