(function () { var VIMEO_SRC = 'https://player.vimeo.com/video/1046561189?autoplay=1&muted=1&loop=1&background=1'; var VIDEO_W = 1920, VIDEO_H = 1080; function fitCover(wrapper, iframe) { var ww = wrapper.clientWidth, wh = wrapper.clientHeight; if (!ww || !wh) return; var wr = ww / wh, vr = VIDEO_W / VIDEO_H, w, h; if (wr > vr) { w = ww; h = ww / vr; } else { h = wh; w = wh * vr; } iframe.style.width = w + 'px'; iframe.style.height = h + 'px'; } function swap(wrapper) { if (wrapper.dataset.vimeoSwapped === '1') return true; var oldVideo = wrapper.querySelector('video'); if (!oldVideo) return false; var iframe = document.createElement('iframe'); iframe.setAttribute('data-src', VIMEO_SRC); iframe.setAttribute('src', VIMEO_SRC); iframe.setAttribute('frameborder', '0'); iframe.setAttribute('allow', 'autoplay; fullscreen'); iframe.setAttribute('allowfullscreen', ''); iframe.setAttribute('loading', 'lazy'); iframe.style.cssText = 'position:absolute;top:50%;left:50%;' + 'transform:translate(-50%,-50%);' + 'border:0;pointer-events:none;'; oldVideo.replaceWith(iframe); wrapper.dataset.vimeoSwapped = '1'; fitCover(wrapper, iframe); if (window.ResizeObserver) new ResizeObserver(function () { fitCover(wrapper, iframe); }).observe(wrapper); else window.addEventListener('resize', function () { fitCover(wrapper, iframe); }); return true; } function run() { var wrappers = document.querySelectorAll('.sg-video-bg-wrapper'); var anyDone = false; wrappers.forEach(function (w) { if (swap(w)) anyDone = true; }); return anyDone; } // 1) try now run(); // 2) keep watching the DOM in case the wrapper / video is injected later var mo = new MutationObserver(function () { run(); }); mo.observe(document.documentElement, { childList: true, subtree: true }); // 3) safety: stop the observer after 15s once we have at least one swap setTimeout(function () { if (document.querySelector('.sg-video-bg-wrapper[data-vimeo-swapped="1"]')) mo.disconnect(); }, 15000);})();
Urban Seed Foundation
Projection Mapping: An Immersive Dining Experience
For the Urban Seed Foundation, we created an immersive dining experience which included 360 projected walls, floors, entrances and even custom mapped topiaries.
(function () { // Mirrors the original .sgFlex-video-player sizing: max-width 1416px, // 16:9 aspect held via a pixel-based padding-top on the inner wrapper. var BASE_W = 1416; var RATIO_H_OVER_W = 9 / 16; // 0.5625 function fitAll() { var containers = document.querySelectorAll('.lf-vimeo-embed'); containers.forEach(function (c) { var inner = c.querySelector('.lf-vimeo-embed__inner'); if (!inner) return; var w = Math.min(c.clientWidth, BASE_W); inner.style.paddingTop = (w * RATIO_H_OVER_W) + 'px'; }); } function init() { fitAll(); window.addEventListener('resize', fitAll); if (window.ResizeObserver) { document.querySelectorAll('.lf-vimeo-embed').forEach(function (c) { new ResizeObserver(fitAll).observe(c); }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); }})();
What We Did
An epic dining experience at the Palms Casino in Las Vegas.
