kplayer
v0.0.4
Published
HTML5 based Video Player module (Standard DOM maintained)
Downloads
10
Maintainers
Readme
Kaliver HTML5 Video Player
Kaliver Player offers you to best usecase of modern HTML5 midea playback and few other features with a very lightweight way.
In most case setting up a video player on your web/hybrid app is a huge pain and requires a bunch line of javascript (if you prefer HTML5 player instead) Kaliver Player actually requires 0% configuration to get started (in particularly webkit based webViews)
First of all you have to refer (just) the kplayer.js file to your html file (But you have to keep the extras folder in the same directory) - just like
<script type="text/javascript" src="kplayer.js"></script>
And afterward
<player class="kp-init" title="Amazing Drone Shoot"
src="http://52.35.129.143/cache/mp4:/3cb3e7204ddd91d84f53676cdb46234b.mp4"></player>
That's all you need to getting started. Just putting the class name "kp-init" will initiate the player where putted the element and will cover 640x360 Pixel. Kaliver player will automatically configure few other things.
FYI - Kaliver Player supports all HTML attribute that supported by official HTML5 video/audio player (for example autoplay="true" preload="false"). It'll add some dependence (depends on availability).
Checkout the demo of kPlayer : http://abuhena.github.io/kplayer
Kaliver Player having some trouble with Mozilla FireFox browser but I'm working to make it stable on every device and open to get designs to changes its layouts - there also a AngularJS Plugin you use rightaway https://github.com/abuhena/ng-kPlayer