Add Ckin Video Player to YouTube and HTML5 Video Player

Custom HTML5 Video Player with Ckins...

See Demo - https://hunzaboy.github.io/Ckin-Video-Player/

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 :-

Here are Some Skins Also :-

Default Ckin without overlay data-ckin="default"

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...

Repl.it Files