尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » jQuery插件 »

ckplayer视频播放器插件_ckplayer.js

2019-11-13   Umming   jQuery插件    评论(0)    浏览(5389)


011701075916.jpg


可以确保在多个平台上显示的风格一致,包括ios,安卓,PC端,ie兼容性很好,亲测支持到ie5,唯一缺陷是全功能版是收费的!!!

本地无法测试,线上测试才可以!

更多使用api详见官网;官网地址:http://www.ckplayer.com/

代码调用案例:


<script type="text/javascript" src="ckplayer/x/ckplayer.js"></script>
<div class="videosamplex">
    <video id="videoplayer" src="http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4"></video>
</div>
<script type="text/javascript">
    var videoObject = {
	container: '.videosamplex',//“#”代表容器的ID,“.”或“”代表容器的class
	variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
	poster:'pic/wdm.jpg',
	mobileCkControls:true,//是否在移动端(包括ios)环境中显示控制栏
	mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
	h5container:'#videoplayer',//h5环境中使用自定义容器
	video:'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4'//视频地址
    };
    var player=new ckplayer(videoObject);
</script>


预览地址:https://www.umming.com/demo/ckplayer/

ckplayer视频播放器插件_ckplayer.js.zip 大小:69.43 KB  |  来源:本站下载

标签: jquery代码 jQuery插件

本文链接:https://www.umming.com/jquery/153.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//