CodeCanyon Lazyvideo Customisable controls for HTML5 video 6842162

CodeCanyon Lazyvideo Customisable controls for HTML5 video 6842162

CodeCanyon Lazyvideo Customisable controls for HTML5 video 6842162
HTML5 Code \ Media
Video \ Lazyvideo \ Lazy \ Html \ Customisable \ Controls



HTML5 Code - Lazyvideo Customisable controls for HTML5 video 6842162 by LazyBearOnline @ CodeCanyon

HTML5 Code \ Media

Lazyvideo is a jQuery plugin that allows you to customise the controls of any HTML5 video element that you have on your website.

Make use of the themes that are bundled with Lazyvideo, or create your own with some simple CSS.

One regular license allows you usage on one website.

Latest Lazyvideo version 1.0.0 (11th February 2014)

Documentation | Changelog | Comments | Support – FAQs

If you like Lazyvideo, please spare a second to rate it… Thank you.

Support
If you need support, please use the support forum and FAQs. I will get back to you as soon as possible. Any direct messages may be delayed response.

Quick start guide
Because this is a jQuery plugin, you will need to be using jQuery on your website.

- Upload the lazyvideo folder to the public folder on your server.

- Link Font Awesome CSS to your site, in the <head> tag.

<!-- Font Awesome stylesheet -->
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">

- Link Lazyvideo CSS to your site, in the <head> tag.

<!-- Lazyvideo Default stylesheet -->
<link rel="stylesheet" type="text/css" href="http://codecanyon.net/item/lazyvideo-customisable-controls-for-html5-video/lazyvideo/css/lazyvideo.min.css">

- Add Lazyvideo Javascript below the jQuery library.

<!-- jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- Lazyvideo Javascript -->
<script src="http://codecanyon.net/item/lazyvideo-customisable-controls-for-html5-video/lazyvideo/js/lazyvideo.min.js"></script>

- Add the class name lazyvideo to any video element in your HTML.

<video class="lazyvideo"></video>

Example HTML
<!DOCTYPE html>
<html>
<head>
<title>Lazyvideo example page</title>
<!-- Lazyvideo Default stylesheet -->
<link rel="stylesheet" type="text/css" href="http://codecanyon.net/item/lazyvideo-customisable-controls-for-html5-video/lazyvideo/css/lazyvideo.min.css">
</head>
<body>
<video class="lazyvideo" width="800" height="450" src="http://codecanyon.net/item/lazyvideo-customisable-controls-for-html5-video/videos/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="http://codecanyon.net/item/lazyvideo-customisable-controls-for-html5-video/lazyvideo/js/lazyvideo.min.js"></script>
</body>
</html>
Options

There are multiple options so you can add or remove functionality from Lazyvideo. You can make use of these options using data attributes.

<video class="lazyvideo" data-fade="true">

For a full list of options and advanced implementation please take a look at the Documentation

Lazybars - Themeable scrollbar jQuery plugin.

Keywords: controls, customisable, html5, lazy video, lazyvideo, video.



Tags: Video, Lazyvideo, Controls, Customisable

Premium CodeCanyon Lazyvideo Customisable controls for HTML5 video 6842162 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Lazyvideo Customisable controls for HTML5 video 6842162 for digital design and education. CodeCanyon Lazyvideo Customisable controls for HTML5 video 6842162 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *