{"id":105171,"date":"2025-12-06T09:37:40","date_gmt":"2025-12-06T09:37:40","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/12\/06\/lazyvideo-customisable-controls-for-html5-video\/"},"modified":"2025-12-06T09:38:45","modified_gmt":"2025-12-06T09:38:45","slug":"lazyvideo-customisable-controls-for-html5-video","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/12\/06\/lazyvideo-customisable-controls-for-html5-video\/","title":{"rendered":"Lazyvideo – Customisable controls for HTML5 video"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $10<\/a><\/p>\n

<\/p>\n

\nLazyvideo is a jQuery plugin that lets you customise the controls of any HTML5 video ingredient that you’ve in your web site.
\nMake use of the themes which might be bundled with Lazyvideo, or create your personal with some easy CSS.
\nOne common license permits you utilization on one web site.\n<\/p>\n

Newest Lazyvideo model 1.0.0 (eleventh February 2014)<\/strong><\/p>\n

Documentation<\/a> | Changelog<\/a> | Comments<\/a> | Support – FAQs<\/a><\/p>\n

For those who like Lazyvideo, please spare a second to price it… Thanks.<\/p>\n

Assist<\/h3>\n

For those who want assist, please use the assist discussion board and FAQs. I’ll get again to you as quickly as doable. Any direct messages could also be delayed response.<\/p>\n

To stick to Envato market assist terms and conditions<\/a>, Assist shall be supplied for six months after buy with an possibility to increase throughout buy.<\/p>\n

For those who discover any bugs and\/or wish to counsel any options then please depart a remark and they’ll all be learn and thought of.<\/p>\n

Fast begin information<\/h3>\n

As a result of this can be a jQuery plugin, you’ll need to be utilizing jQuery in your web site.<\/p>\n

    \n
  1. Add the lazyvideo<\/code> folder to the general public folder in your server.<\/li>\n
  2. \n

    Hyperlink Font Superior CSS to your web site, within the <head><\/code> tag.<\/p>\n

    <!-- Font Superior stylesheet -->\n<hyperlink rel=\"stylesheet\" sort=\"textual content\/css\" href=\"http:\/\/netdna.bootstrapcdn.com\/font-awesome\/4.0.3\/css\/font-awesome.css\"><\/pre>\n<\/li>\n
  3. \n
    Hyperlink Lazyvideo CSS to your web site, within the <head><\/code> tag.<\/p>\n
    <!-- Lazyvideo Default stylesheet -->\n<hyperlink rel=\"stylesheet\" sort=\"textual content\/css\" href=\"lazyvideo\/css\/lazyvideo.min.css\"><\/pre>\n<\/li>\n
  4. \n
    Add Lazyvideo Javascript beneath the jQuery library.<\/p>\n
    <!-- jQuery -->\n<script src=\"http:\/\/code.jquery.com\/jquery-1.11.0.min.js\"><\/script>\n\n<!-- Lazyvideo Javascript -->\n<script src=\"lazyvideo\/js\/jquery.lazyvideo.min.js\"><\/script><\/pre>\n<\/li>\n
  5. \n
    Add the category identify lazyvideo<\/code> to any video ingredient in your HTML.<\/p>\n
    <video class=\"lazyvideo\"><\/video><\/pre>\n<\/li>\n<\/ol>\n
    Instance HTML<\/h3>\n
    <!DOCTYPE html>\n<html>\n    <head>\n        <title>Lazyvideo instance web page<\/title>\n        <!-- Lazyvideo Default stylesheet -->\n        <hyperlink rel=\"stylesheet\" sort=\"textual content\/css\" href=\"lazyvideo\/css\/lazyvideo.min.css\">\n    <\/head>\n    <physique>\n        <video class=\"lazyvideo\" width=\"800\" peak=\"450\" src=\"movies\/instance.video.mp4\" poster=\"img\/instance.poster.jpg\"><\/video>\n\n        <!-- jQuery -->\n        <script src=\"http:\/\/code.jquery.com\/jquery-1.11.0.min.js\"><\/script>\n        <!-- Lazyvideo Javascript -->\n        <script src=\"lazyvideo\/js\/jquery.lazyvideo.min.js\"><\/script>\n    <\/physique>\n<\/html><\/pre>\n
    Choices<\/h3>\n
    \nThere are a number of choices so you may add or take away performance from Lazyvideo. You may make use of those choices utilizing information attributes.<\/p>\n
    <video class=\"lazyvideo\" data-fade=\"true\"><\/pre>\n<\/p>\n
    For a full checklist of choices and superior implementation please check out the Documentation<\/a><\/p>\n
    \n