TO SET VIDEO AS COVER PAGE BACKGROUND

 

1. INSERT THIS CODE INTO SETTINGS>ADVANCED>CODE INJECTION

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

 

2. INSERT THIS CODE IN COVER PAGE ADVANCED SECTION

<script type="text/javascript">
$(window).bind("load", function() {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
} else {
var banner = $('.sqs-slice-gallery-item > img');
banner.hide();
var url = "YOURURLHERE";
$('<video class="bannerVideo" autoplay loop><source src="' + url + '" type="video/mp4"></video>').insertAfter(banner);
adjustBanner($('.bannerVideo'), banner);
$(window, banner).resize(function() {
adjustBanner($('.bannerVideo'), banner);
setTimeout(function() {
adjustBanner($('.bannerVideo'), banner);
}, 200);
});
}
function adjustBanner (video, banner) {
video.css({
height: '100vh',
width: '100vw',
top: banner.css('top'),
left: banner.css('left'),
position: 'relative',
'object-fit': 'cover'
});
}
});
</script>

 

3. INSERT THIS CODE TO MAKE COVER PAGE LOGO CLICKABLE (CHANGE <a href='/work'> TO /url IF WANTING TO LINK TO OTHER PAGE)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$( "div[data-compound-type='logo']" ).wrapInner("<a href='/work'></a>");
  });
</script>