saber 酱的抱枕

Fly me to the moon

07/27
2015
学习

使用ckplayer播放网页视频

↑穹妹只是封面图而已

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

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

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


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

<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播放网页视频