Cbelle

@tuanphan Any luck?

@tuanphan https://octopus-gecko-238e.squarespace.com/?noredirect password:dillman

It's still under development. I placed a video section in the footer and used the css code above. I also found this code and it works, but I am trying to add a video MP4 instead of an image.
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div class="logoload"></div>
<style>
.logoload {
  /* SET BACKGROUND COLOR */
  background-color: #000;
  /* SET BACKGROUND SIZE */
  background-size: 900px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://static1.squarespace.com/static/615511949ed8082b26e26898/t/61627c55e182b11f3f0eab7e/1633844315598/SD2.gif");
}
</style>
<script type="text/javascript">
$(window).load(function() {
    $(".logoload").delay(1900).fadeOut(1800);
})
</script>

Hi all,

I desperately need help with a my loading page. It works fine however I would like it to load once per page view. Everytime I head back to the homepage it loads. I have used a css workaround. no js at the moment.  

Code snippet below

#footer-sections, #page {
z-index:unset !important;
}

body:not(.sqs-edit-mode) {
footer .page-section:nth-child(1) {
  position:fixed !important;
  top:0;
  bottom:0;
  left:0;
  right:0;
  animation:fadeOut 1s ease-out 5s 1 forwards;
  pointer-events: none;
  z-index:9999999;

}
  
}

@media @mobile {
footer .page-section:nth-child(1) { 
 display:none;
}
}

@keyframes fadeOut {
  0% {
    opacity: 1;
   
  }
  100% {
    opacity: 0;
  
  }

}

body:not(.homepage):not(.sqs-edit-mode) footer .page-section:nth-child(1) { 
 display:none;
}

I am trying to make a video block full width on a brine template. I tried the code posted here but it didn't work for me.