Link For Downloading YouTube Videos: https://y2mate.guru/en8/


Link for Uploading/Hosting videos so you can get the video url you need in the code: https://cloudinary.com/


How to use this custom code:

1. Create a new row first

2. Drag & Drop Custom HTML/js Block

3. Paste the following code in Custom HTML/js Block


Note: This code will only work on the first row of the first section.


Code:

<style>

    .c-section:first-child {

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

     }


    .c-section:first-child .inner {

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        position: relative !important;

    }


    .c-section:first-child .c-row:first-child {

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        position: absolute !important;

        top: 0 !important;

        box-sizing: border-box;

        overflow: hidden;

        max-height: 70vh;


    }


    .c-section:first-child .c-row:first-child .inner {

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

    }


    .c-section:first-child .c-row:first-child .c-column {

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

    }


    .c-section:first-child .c-row:first-child .c-colum .inner {

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;


    }

</style>




<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">

    <source src="ADD VIDEO LINK HERE" type="video/mp4" id="bgVideo">

</video>