网页开发设计
一款HTML5精美视频播放器插件ckin 内置有三种皮肤
HTML5视频播放器CKIN介绍
ckin是一款HTML5精美视频播放器插件。该视频播放器内置有三种皮肤，并且允许你修改控制按钮的颜色，遮罩层透明度和视频封面等。
视频播放器效果演示
点击下方看效果
HTML5播放器使用方法
在视频播放页面引入：
在页面中引入下面的ckin.css和ckin.js文件：
<link rel="stylesheet" href="css/ckin.css"> <script src="js/ckin.js"></script>
其中效果压缩包文件为：
在页面中添加如下的HTML5 video 元素：
<video poster="ckin.jpg" src="ckin.mp4" data-overlay="1" data-title="描述文本"></video>
配置参数
该HTML5视频播放器插件的可用配置参数有：
data-ckin：视频播放器的皮肤。可选值有：default, minimum, compact
data-color：控制按钮的颜色。如：data-color="#fff000"
data-overlay：为视频播放器添加一个遮罩层。可选值为1和2
poster：设置视频的封面。如：poster="video-background-image"
1、[焦点热议]及其子栏目内容为网络转载，其它栏目内容系作者个人原创文章观点，不代表除作者外的任何第三方观点赞同或支持；
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录，便于日后面对相同问题时候的复盘总结，同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议，转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方，可联系【QQ:860227477】，提供合理合法依据，可无偿给予修改或删除；若文内明确指转载来源于权威渠道，若需删除本站内容，可在处理完权威渠道来源信息后，第一时间联系本站给予无条件删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集，请用户下载后24小时内删除，否则引起的争议由使用者承担，与本站无关；
5、针对本站内容若有异义，亦可直接与【法律顾问：易兴俊，律师联系电话：13825799821】直接联系沟通；
付涛纪实阁
文章：902 画廊：2 视频：63极致法则：营销=经营+销售
