Add a background video to your website…
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
).
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>
Check out the example
folder.