Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Adding HTML5 video backgrounds to websites
CSS JavaScript
branch: master
Failed to load latest commit information.
assets Fixed for screen resize and gives static bg for iphone etc
README.md Update README.md
demo_bg.html Typo
demo_div.html Typo
demo_text.html Typo
index.html README changes
jquery.videoBG.js fixed a bug, sorry!

README.md

jquery.videoBG

by Syd Lawrence ( www.sydlawrence.com )

NO LONGER SUPPORTED OR MAINTAINED, CLONE AT YOUR OWN RISK, NOT ADVISED TO USE

Version: 0.2.1

Usage

var videoBG = $('body').videoBG(options);

FAQs

If not displaying correctly in Firefox, make sure your server is outputting the current MIME type for ogv and webm videoBG is now a element

Warning

Don't abuse this code... Don't use it too often, too many video instances will slow down the browser.

Please bear in mind bandwidth usage for both you, and your visitors

Browser Support

Firefox 4+ (the best experience)Yes (webm)Yes
Internet Explorer 9+Yes (mp4)Yes
Firefox 3.5Yes (ogv)Yes
ChromeYes (webm/mp4)Yes
SafariYes (mp4)Yes
Opera 10.5+Yes (ogv)Yes
Internet Explorer 8NoYes
Internet Explorer 7NoYes
Android BrowserNoYes
Mobile SafariDoes not modify default behaviour
Older Browsers that support position:fixedNoYes
Archaic browsersDoes not modify default behaviour
Something went wrong with that request. Please try again.