Skip to main content

Add Ckin Video Player to YouTube and HTML5 Video Player




Custom HTML5 Video Player with Ckins...






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






Comments

  1. Chats During Video Making
    Today we will add a beautyfull video plyer to our Website

    You can see the demo...

    HomeVideo PlayerAdd Ckin Video Player to YouTube and HTML5 Video PlayerbySh—March 24, 20210


    Custom HTML5 Video Player with Ckins...


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



    Just Copy Paste The CDNs To Your Website...


    Css CDN
    https://hunzaboy.github.io/Ckin-Video-Player/dist/css/ckin.css

    Js CDN
    https://hunzaboy.github.io/Ckin-Video-Player/dist/js/ckin.js
    HTML

    Add Video Player
    video

    HTML

    See Demo :-
    The curious case of Chameleon...



    Here are Some Skins Also :-

    Just add thid attributes to the video tag

    Let's Do This.....

    Let's Add Video Player to it.



    You can see the title also...

    let's Add an example skin to it.

    That was all the features

    Visit here to know more...






    Article link in description...


    Thanks for watching till last..
    \
    \
    \
    \

    \
    \
    \
    \

    ReplyDelete

Post a Comment

Random Posts