🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

backcodex is a simple-to-use jQuery plugin which allows for an Html5 video to be used as a responsive, full window background for your website.

background video-background

Documentation

Backcodex

Backcodex is a simple jQuery plugin for full width responsive background video.

Demo

There is a example included with this package, or feel free to check it out live on the project page itself.

Setup

Include the jQuery library (version 1.9 or newer) and Backcodex plugin files in your webpage (preferably at the bottom of the page, before the closing BODY tag):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="jquery.backcodex.min.js"></script> <script>   // To attach Backcodex as the body's background   $.backcodex([     "path/to/video.mp4",     "path/to/video.ogv",     "path/to/video.webm"       ]);    // You may also attach Backcodex to a block-level element   $(".foo").backcodex([     "path/to/video.mp4",     "path/to/video.ogv",     "path/to/video.webm"       ]); </script>

Changelog

Version 1.0

  • Initial release

You May Also Like