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

Category: Javascript , Recommended | October 25, 2018
Author: hunzaboy
Views Total: 772
Official Page: Go to website
Last Update: October 25, 2018
License: MIT

Preview:

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

Description:

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>

You Might Be Interested In:


Leave a Reply