THIS IS WHERE WE STORE THE VIDEOS FOR ACCESS ON HOMEPAGE AND COVER PAGES

as per this article: http://www.muno.space/code-snippets/video-backgrounds

Create text and link it to a file- 

 

ROOM33VIDEO2   http://eva-hassmann.squarespace.com/s/Room33Videohbcropped.mp4

 ROOM33VIDEO   http://eva-hassmann.squarespace.com/s/Room33Video.mp4  remove the "s" to paste into code.

 

<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 = "http://eva-hassmann.squarespace.com/s/Room33Videohbcropped.mp4";
          $('<video class="bannerVideo" autoplay ><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': 'inherit'
          });
        }
      });
    </script>