Skip to content

All topics  /  jQuery

Body Background Video Using Vide Jquery Example

jQuery ·

Hi Dev,

In this blog, I will show you how to set body background video using vide jquery. I am going to learn you set body background video using jquery vide plugin. We will talk about jquery vide plugin used to set video in body background.

This tutorial will give you how to autoplay video in background using jquery vide plugin. In this example i will give you simple and easy way to set body background in video using vide plugin in jquery.

Example :


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Body background Video Using Vide Jquery Example - NiceSnippets.com</title>
    <style>
        html, body {
            margin: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body data-vide-bg="/image/sample-video.mp4">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://www.jqueryscript.net/demo/Responsive-Full-Page-Video-Background-Plugin-with-jQuery-Vide/src/jquery.vide.js"></script>
</body>
</html>

It will help you...

More on this topic