Custom HTML5 Video Player with Ckins...
On CodePen :- https://codepen.io/SH20RAJ/pen/gOgyeEy
Just Copy Paste The CDNs To Your Website...
Css CDN
<link rel="stylesheet" href="https://cdn.statically.io/gh/CDNSFree/Ckin-Video-Player/30fefa5a/dist/css/ckin.min.css"/>
Js CDN
<script src="https://cdn.statically.io/gh/CDNSFree/Ckin-Video-Player/30fefa5a/dist/js/ckin.min.js"></script>
Add Video Player
<video
poster="https://hunzaboy.github.io/Ckin-Video-Player/ckin.jpg"
src="https://ghcdn.rawgit.org/CDNSFree/Ckin-Video-Player/master/ckin.mp4"
data-ckin="default"
data-overlay="1"
data-title="The curious case of Chameleon..."
></video>
See Demo :-
Minimal Ckin with overlay data-ckin="minimal" data-overlay="1"
Compact Ckin with overlay data-ckin="compact" data-overlay="2"
Compact Ckin with custom color
data-color="#fff000" data-ckin="compact" data-overlay="2"
-
Default Ckin without overlay
-
Minimal Ckin with overlay
-
Compact Ckin with overlay
-
Compact Ckin with custom color
-
More ckins coming soon...
Comments