ckin是一款HTML5精美视频播放器插件。该视频播放器内置有三种皮肤,并且允许你修改控制按钮的颜色,遮罩层透明度和视频封面等,仅支持mp4格式的播放。

HTML5精美Ckin视频播放器插图
HTML视频播放器

使用方法:

1.在页面中引入下面的ckin.css和ckin.js文件。

<link rel="stylesheet" href="css/ckin.css">
<script src="js/ckin.js"></script>

2.添加如下的HTML5 video 元素

<video poster="ckin.jpg" src="ckin.mp4" data-overlay="1" data-title="The curious case of Chameleon..."></video>

3更多配置

data-ckin:视频播放器的皮肤。可选值有:default, minimum, compact。
data-color:控制按钮的颜色。如:data-color="#fff000"。
data-overlay:为视频播放器添加一个遮罩层。可选值为1和2。
poster:设置视频的封面。如:poster="video-background-image"。

 

喜欢 0

发表评论

后才能评论

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

本站部分资源需要解压密码,如遇需要解压密码,则解压密码为"www.360mb.net"!

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源