Skip to content

<video> as background (THIS PROJECT IS NOT MAINTAINED ANYMORE)

Notifications You must be signed in to change notification settings

tahavn/HTML5-Background-Video

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery - Background video plugin

Add a background video to your website…

Download

The full source can be downloaded from the master branch on GitHub (as a zip or gz) or installed via bower (bower install background-video).

Usage

Add the script to your homepage after jquery <script src="js/libs/jquery.backgroundvideo.min.js"></script>

And launch the plugin :

<script>
  $(document).ready(function() {
    var videobackground = new $.backgroundVideo($('body'), {
      "align": "centerXY",
      "width": 1280,
      "height": 720,
      "path": "media/",
      "filename": "cloud",
      "types": ["mp4","ogg","webm"],
      "preload": true,
      "autoplay": true,
      "loop": true
    });
  });
</script>

Examples

Check out the example folder.

About

<video> as background (THIS PROJECT IS NOT MAINTAINED ANYMORE)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 57.5%
  • HTML 42.5%