vlitejs

vLite.js

The new smallest Javascript video library

See https://vlite.bitbucket.io for complete docs and demos.

vLite.js is a fast and lightweight Javascript library to customize and skin native HTML5 video and Youtube video. Only 4Kb on production with Gzip, vLite.js has no dependency with any framework or library and is write in Javascript native.

This module is fully writen in Javascript native. No need to import an additional librairy like jQuery or Handlebars. #YouMightNotNeedJquery

Demo

Online demo is available on the vLite website.

Download

vLitejs is available as the vlitejs package on npm and Github.

Browser support

The project is fully compatible with the most popular web browser. More information about the HTML5 video support here.

Licences

Available with the MIT licence.

How it works

HTML5 video

<video id="{{idSelector}}"
    class="vlite-js"
</video>

Youtube video

<video id="{{idSelector}}"
    class="vlite-js"
    data-youtube-id="{{idYoutube}}">
</video>

Simple example with options in HTML

The simplest way to use vLite is like the example below.
Default options are used and passed in the HTML. The poster was overrided with the correct path.

<video id="{{idSelector}}"
    class="vlite-js"
    data-options='{"poster": "img/poster.jpg"}'>
</video>

var player = new vLite({
    selector: '#player-1'
});

More information in the vLite website.
If you like the project, like it on Github please :)

Changelog

1.1.1

New features

• Add UMD compatibility
• Add package on npm