Sunday, January 1, 2017

Lazyvideo - Customisable controls for HTML5 video


Lazyvideo is a jQuery plugin that permits you to customize the controls of any HTML5 video part that you have on your website online.
Make use of the subjects which might be bundled with Lazyvideo, or create your own with a few easy CSS.
One common license permits you usage on one site.

Contemporary Lazyvideo model 1.0.0 (11th February 2014)

Documentation | Changelog | Feedback | Toughen – FAQs

If You like Lazyvideo, please spare a 2nd to rate it… thanks.

Make Stronger

Should You want reinforce, please use the beef up discussion board and FAQs. i will be able to come back to you as soon as imaginable. Any direct messages could also be not on time reaction.

to stick to Envato marketplace give a boost to terms and stipulations, Support can be provided for six months after purchase with an approach to prolong all over acquire.

In Case You find any insects and/or want to recommend any options then please go away a comment and they will all be read and thought of.

Quick start guide

Because this is a jQuery plugin, you'll want to be the use of jQuery for your website.

  1. Upload the lazyvideo folder to the public folder on your server.
  2. Link Font Superior CSS on your website, within the <head> tag.

    <!-- Font Superior stylesheet --> <hyperlink rel="stylesheet" sort="text/css" href="http://netdna.bootstrapcdn.com/font-superior/4.0.3/css/font-awesome.css">
  3. Hyperlink Lazyvideo CSS to your site, in the <head> tag.

    <!-- Lazyvideo Default stylesheet --> <link rel="stylesheet" kind="text/css" href="lazyvideo/css/lazyvideo.min.css">
  4. Upload Lazyvideo Javascript beneath the jQuery library.

    <!-- jQuery --> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!-- Lazyvideo Javascript --> <script src="lazyvideo/js/jquery.lazyvideo.min.js"></script>
  5. Add the category name lazyvideo to any video element to your HTML.

    <video magnificence="lazyvideo"></video>

Instance HTML

<!DOCTYPE html> <html> <head> <identify>Lazyvideo example web page</name> <!-- Lazyvideo Default stylesheet --> <hyperlink rel="stylesheet" kind="textual content/css" href="lazyvideo/css/lazyvideo.min.css"> </head> <body> <video magnificence="lazyvideo" width="800" height="450" src="movies/example.video.mp4" poster="img/example.poster.jpg"></video> <!-- jQuery --> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!-- Lazyvideo Javascript --> <script src="lazyvideo/js/jquery.lazyvideo.min.js"></script> </frame> </html>

Options

There are more than one choices so you can upload or remove capability from Lazyvideo. you'll make use of these choices the use of information attributes.

<video magnificence="lazyvideo" knowledge-fade="real">

For a whole list of choices and complicated implementation please take a glance at the Documentation


FULL DOWNLOAD

No comments:

Post a Comment

Trik tersembunyi Bermain Slither.io agar menjadi no 1 | cara tau ampuh

Slither.io Unblocked Play Engaging in online game playing avails a chance for one to have a great experience. This opens up an enormous amo...