网页播放器的使用(ckplayer)

1、ckplayer官网下载相关文件夹并将其放在项目根目录下
2、在使用页面进行引入js
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"> </script>
3、在页面添加div作为容器

<div id="video" style="width: 100%; height: 400px;"></div>

4、设置视频播放器的参数

<script type="text/javascript">
	var videoObject = {
		container: '#video', //容器的ID或className
		variable: 'player',//播放函数名称
		video:'/videos/video.mp4'//视频地址
	};
	var player = new ckplayer(videoObject);
</script>

5、如果想去掉右上角的logo

ckplayer.js中搜索:logo(ckplayer.xml中搜索)
去掉的方法是修改成logo:‘null’(ckplayer.xml中修改成>null)

修改logo

1、把style.swf修改成style.zip,把里面的cklogo.png解压出来(直接从压缩包里拖放到桌面上),修改完再拖到压缩包
2、把style.zip再改回style.swf
3、清理浏览器缓存后预览
4、

修改位置

ckplayer.js中搜索pm_logo(ckplayer.xml中搜索<pm_logo></pm_logo>)修改,有关ckplayer中修改位置的说明可以查看:界面元素的坐标控制

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值