In this tutorial, We will learn how to set body background video using Vide jquery plugin. I am gonna teach you to set body background video using the jquery Vide plugin. We will talk about the jquery video plugin used to set the video in the body background.

┣ index.php
┣ jquery.vide.min.js


<!DOCTYPE html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>Body background Video Using Vide Jquery Example</title>
            html, body {
                margin: 0;
                width: 100%;
                overflow-x: hidden;
                height: 100%;
                position: relative;
                top: 50px;
                left: 100px;
                color: #fff;
                font-size: 42px;
    <body data-vide-bg="sample-video.mp4"> 
        <h1>Body Content</h1>
        <script src=""></script>
        <script src="jquery.vide.min.js" type="text/javascript"></script>

jquery.vide.min.js you can download from here