Press "Enter" to skip to content

Simple jQuery Plugin for Full-width Responsive Background Video | Backcodex

Backcodex is a simple jQuery plugin for Html5 video to use as a fully responsive window background for your website.

responsive video background, html5 video fullscreen control, background video html template, css video background div, how to add text on background video in html

How to make use of it:

1. Load the jQuery library and jQuery backcodex plugin.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.backcodex.min.js"></script>

2. Call the $.backcodex() method and specify an array of html5 videos for the background.

$.backcodex([
  "1.mp4", 
  "1.ogv", 
  "1.webm"
]);

3. By default, the plugin will append the video background to the body element.

$.backcodex('#container',[
  "1.mp4", 
  "1.ogv", 
  "1.webm"
]);
$.backcodex('destroy');

responsive fullscreen video background, Backcodex Plugin/Github, responsive youtube video background


See Demo And Download

Official Website(crackcodex): Click Here

This superior jQuery/javascript plugin is developed by crackcodex. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *