Fill screen with video

I want to create a full screen video on my home page. I tried using Cover Page, but the 6 second delay to render properly is a pain. Hoping to just upload a video to a blank page and have it auto play. But I want to over-ride the settings just for this one page and have it go full screen. Also would be great to not show site title and header content for that page. Thanks

Hello @jlock,

I’ve prepared some code to help you achieve what you're aiming for. Please follow these steps to add it:

1. Navigate to the page where you want to apply the changes.
2. Go to the "Settings" menu of that page.
3. Select "Advanced" from the list of options.
4. Click on "Code Injection".
5. Paste the following code into the "Header" section
    

   <style>
     #header { 
       display: none !important; 
     }

     {
       height: 100vh !important;
       padding: 0 !important;
       margin: 0 !important;
     }
     .sqs-video-background {
       height: 100vh !important;
       width: 100% !important;
       object-fit: cover;
     }

     .content-wrapper, .main-content, .sqs-block-video {
       padding: 0 !important;
       margin: 0 !important;
       height: 100vh !important;
     }

     body {
       overflow: hidden !important;
       margin: 0 !important;
       padding: 0 !important;
     }
   </style>
   
   Let me know if this works for you or if you need any further adjustments!