Beautiful HTML5 Video Player In Pure JavaScript – Ckin-Video-Player

The Ckin-Video-Player JavaScript library helps you create beautiful, customizable, skinnable HTML5 video players for the modern web.

How to use it:

Insert the Ckin-Video-Player’s JavaScript ckin.js and Stylesheet ckin.css into the document.

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

Embed an HTML5 video into the document.

<video src="sample.mp4"></video>

Customize the HTML5 video using the following attributes:

• poster: cover image
• data-overlay: video overlay
• data-ckin: default, minimum, compact
• data-color: control color
• data-title: video title

<video poster="cover.jpg" 
       src="sample.mp4" 
       data-overlay="1" 
       data-ckin="compact"
       data-color="#fff000"
       data-title="Video Title">
</video>