Project thumbnail

Xbox Series X Launch
Greenstown

(function () { const thumb = document.getElementById('gumletThumb_69bbeeb08dd3b72759615d18'); const lightbox = document.getElementById('gumletLightbox_69bbeeb08dd3b72759615d18'); const player = document.getElementById('gumletPlayer_69bbeeb08dd3b72759615d18'); const titleEl = document.getElementById('gumletTitle_69bbeeb08dd3b72759615d18'); const textEl = document.getElementById('gumletText_69bbeeb08dd3b72759615d18'); const closeBtn = document.getElementById('gumletClose_69bbeeb08dd3b72759615d18'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Overshadowing

(function () { const thumb = document.getElementById('gumletThumb_69b371b8c8f901eb75cd5473'); const lightbox = document.getElementById('gumletLightbox_69b371b8c8f901eb75cd5473'); const player = document.getElementById('gumletPlayer_69b371b8c8f901eb75cd5473'); const titleEl = document.getElementById('gumletTitle_69b371b8c8f901eb75cd5473'); const textEl = document.getElementById('gumletText_69b371b8c8f901eb75cd5473'); const closeBtn = document.getElementById('gumletClose_69b371b8c8f901eb75cd5473'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Quick Brown Fox
Espresso Martini

(function () { const thumb = document.getElementById('gumletThumb_660ce8cfbe7f6999ef08db87'); const lightbox = document.getElementById('gumletLightbox_660ce8cfbe7f6999ef08db87'); const player = document.getElementById('gumletPlayer_660ce8cfbe7f6999ef08db87'); const titleEl = document.getElementById('gumletTitle_660ce8cfbe7f6999ef08db87'); const textEl = document.getElementById('gumletText_660ce8cfbe7f6999ef08db87'); const closeBtn = document.getElementById('gumletClose_660ce8cfbe7f6999ef08db87'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Paperboyo

(function () { const videos = [{"assetId":"69c3449c76fd75f8f07044b4","videoUrl":"https://play.gumlet.io/embed/69c3449c76fd75f8f07044b4?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"Game of Thrones","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c3449c76fd75f8f07044b4/thumbnail-1-0.png"},{"assetId":"69c3449cb43e9eb31b24d07a","videoUrl":"https://play.gumlet.io/embed/69c3449cb43e9eb31b24d07a?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"Hamburg","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c3449cb43e9eb31b24d07a/thumbnail-1-0.png"},{"assetId":"69c3449cb43e9eb31b24d076","videoUrl":"https://play.gumlet.io/embed/69c3449cb43e9eb31b24d076?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"Andrex","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c3449cb43e9eb31b24d076/thumbnail-1-0.png"},{"assetId":"69c3449c76fd75f8f07044b8","videoUrl":"https://play.gumlet.io/embed/69c3449c76fd75f8f07044b8?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"Agatha: House of Harkness","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c3449c76fd75f8f07044b8/thumbnail-1-0.png"},{"assetId":"69c344a2bf49c9eb69bd93b4","videoUrl":"https://play.gumlet.io/embed/69c344a2bf49c9eb69bd93b4?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"FIFA San Francisco","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c344a2bf49c9eb69bd93b4/thumbnail-1-0.png"},{"assetId":"69c3449cb43e9eb31b24d078","videoUrl":"https://play.gumlet.io/embed/69c3449cb43e9eb31b24d078?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"Lego Star Wars","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c3449cb43e9eb31b24d078/thumbnail-1-0.png"},{"assetId":"69c35a3fbf49c9eb69bf1125","videoUrl":"https://play.gumlet.io/embed/69c35a3fbf49c9eb69bf1125?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"Candy Crush","thumbnailUrl":"https://via.placeholder.com/600x600.png?text=Video+Thumbnail"},{"assetId":"69c344a1b43e9eb31b24d111","videoUrl":"https://play.gumlet.io/embed/69c344a1b43e9eb31b24d111?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"A Minecraft Movie","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69c344a1b43e9eb31b24d111/thumbnail-1-0.png"}]; const trigger = document.getElementById('gumletGridTrigger_69c3449cb43e9eb31b24d076'); const lightbox = document.getElementById('gumletGridLightbox_69c3449cb43e9eb31b24d076'); const closeBtn = document.getElementById('gumletGridClose_69c3449cb43e9eb31b24d076'); const grid = document.getElementById('gumletGrid_69c3449cb43e9eb31b24d076'); function buildVideos() { grid.innerHTML = ''; videos.forEach(function (video) { const item = document.createElement('div'); item.className = 'gumlet-grid-item-69c3449cb43e9eb31b24d076'; const frame = document.createElement('div'); frame.className = 'gumlet-grid-frame-69c3449cb43e9eb31b24d076'; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = video.caption || 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; frame.appendChild(iframe); item.appendChild(frame); if (video.caption) { const caption = document.createElement('div'); caption.className = 'gumlet-grid-caption-69c3449cb43e9eb31b24d076'; caption.innerText = video.caption; item.appendChild(caption); } grid.appendChild(item); }); } function openLightbox() { buildVideos(); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { grid.innerHTML = ''; } }, 280); } function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } trigger.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Dicktion
(NSFW)

(function () { const videos = [{"assetId":"69b3570ebf83f6c3369fc849","videoUrl":"https://play.gumlet.io/embed/69b3570ebf83f6c3369fc849?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Dicktion","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b3570ebf83f6c3369fc849/thumbnail-1-0.png","text":"Promo videos made for 'Dicktion' party game","hoverText":"(NSFW)"},{"assetId":"69b35742bf83f6c3369fcbdc","videoUrl":"https://play.gumlet.io/embed/69b35742bf83f6c3369fcbdc?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Optimisdick","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b35742bf83f6c3369fcbdc/thumbnail-1-0.png","text":""},{"assetId":"69b3578dbf83f6c3369fd130","videoUrl":"https://play.gumlet.io/embed/69b3578dbf83f6c3369fd130?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Charismadick","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b3578dbf83f6c3369fd130/thumbnail-1-0.png","text":""},{"assetId":"69b357b7bf83f6c3369fd4ab","videoUrl":"https://play.gumlet.io/embed/69b357b7bf83f6c3369fd4ab?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Pessimisdick","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b357b7bf83f6c3369fd4ab/thumbnail-1-0.png","text":""},{"assetId":"69b357d8dc37184fc76cfef9","videoUrl":"https://play.gumlet.io/embed/69b357d8dc37184fc76cfef9?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Narcasisdick","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b357d8dc37184fc76cfef9/thumbnail-1-0.png","text":""},{"assetId":"69b36818c8f901eb75ccafb6","videoUrl":"https://play.gumlet.io/embed/69b36818c8f901eb75ccafb6?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Cathardick","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b36818c8f901eb75ccafb6/thumbnail-1-0.png","text":""}]; const thumb = document.getElementById('gumletThumb_69b3570ebf83f6c3369fc849'); const lightbox = document.getElementById('gumletLightbox_69b3570ebf83f6c3369fc849'); const player = document.getElementById('gumletPlayer_69b3570ebf83f6c3369fc849'); const titleEl = document.getElementById('gumletTitle_69b3570ebf83f6c3369fc849'); const textEl = document.getElementById('gumletText_69b3570ebf83f6c3369fc849'); const closeBtn = document.getElementById('gumletClose_69b3570ebf83f6c3369fc849'); const galleryEl = document.getElementById('gumletGallery_69b3570ebf83f6c3369fc849'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69b3570ebf83f6c3369fc849' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

GoDaddy

(function () { const videos = [{"assetId":"69bfd7a7913220ae3bb57f3b","videoUrl":"https://play.gumlet.io/embed/69bfd7a7913220ae3bb57f3b?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"GoDaddy","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a7913220ae3bb57f3b/thumbnail-1-0.png","text":"TBWA 2016 - Various videos created for GoDaddy","hoverText":" "},{"assetId":"69bfd7b861788532c94f4e48","videoUrl":"https://play.gumlet.io/embed/69bfd7b861788532c94f4e48?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"GoDaddy","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7b861788532c94f4e48/thumbnail-1-0.png","text":"TBWA 2016 - Various videos created for GoDaddy"},{"assetId":"69bfd7b34fe0bcfaae53372d","videoUrl":"https://play.gumlet.io/embed/69bfd7b34fe0bcfaae53372d?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"GoDaddy","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7b34fe0bcfaae53372d/thumbnail-1-0.png","text":"TBWA 2016 - Various videos created for GoDaddy"},{"assetId":"69bfd7a8913220ae3bb57f4f","videoUrl":"https://play.gumlet.io/embed/69bfd7a8913220ae3bb57f4f?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"GoDaddy","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a8913220ae3bb57f4f/thumbnail-1-0.png","text":"TBWA 2016 - Various videos created for GoDaddy"},{"assetId":"69bfd7a74fe0bcfaae5335e2","videoUrl":"https://play.gumlet.io/embed/69bfd7a74fe0bcfaae5335e2?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"GoDaddy","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a74fe0bcfaae5335e2/thumbnail-1-0.png","text":"TBWA 2016 - Various videos created for GoDaddy"},{"assetId":"69bfd7a761788532c94f4c73","videoUrl":"https://play.gumlet.io/embed/69bfd7a761788532c94f4c73?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"GoDaddy","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a761788532c94f4c73/thumbnail-1-0.png","text":"TBWA 2016 - Various videos created for GoDaddy"}]; const thumb = document.getElementById('gumletThumb_69bfd7a7913220ae3bb57f3b'); const lightbox = document.getElementById('gumletLightbox_69bfd7a7913220ae3bb57f3b'); const player = document.getElementById('gumletPlayer_69bfd7a7913220ae3bb57f3b'); const titleEl = document.getElementById('gumletTitle_69bfd7a7913220ae3bb57f3b'); const textEl = document.getElementById('gumletText_69bfd7a7913220ae3bb57f3b'); const closeBtn = document.getElementById('gumletClose_69bfd7a7913220ae3bb57f3b'); const galleryEl = document.getElementById('gumletGallery_69bfd7a7913220ae3bb57f3b'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69bfd7a7913220ae3bb57f3b' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

48HOURS
Award Titles

(function () { const thumb = document.getElementById('gumletThumb_69c0daeec98b51e9c54f498c'); const lightbox = document.getElementById('gumletLightbox_69c0daeec98b51e9c54f498c'); const player = document.getElementById('gumletPlayer_69c0daeec98b51e9c54f498c'); const titleEl = document.getElementById('gumletTitle_69c0daeec98b51e9c54f498c'); const textEl = document.getElementById('gumletText_69c0daeec98b51e9c54f498c'); const closeBtn = document.getElementById('gumletClose_69c0daeec98b51e9c54f498c'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Maritime Investigation

(function () { const thumb = document.getElementById('gumletThumb_69b357ffc8f901eb75cb94bb'); const lightbox = document.getElementById('gumletLightbox_69b357ffc8f901eb75cb94bb'); const player = document.getElementById('gumletPlayer_69b357ffc8f901eb75cb94bb'); const titleEl = document.getElementById('gumletTitle_69b357ffc8f901eb75cb94bb'); const textEl = document.getElementById('gumletText_69b357ffc8f901eb75cb94bb'); const closeBtn = document.getElementById('gumletClose_69b357ffc8f901eb75cb94bb'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Telstra MyCoach

(function () { const thumb = document.getElementById('gumletThumb_69b396aac8f901eb75d0a2c2'); const lightbox = document.getElementById('gumletLightbox_69b396aac8f901eb75d0a2c2'); const player = document.getElementById('gumletPlayer_69b396aac8f901eb75d0a2c2'); const titleEl = document.getElementById('gumletTitle_69b396aac8f901eb75d0a2c2'); const textEl = document.getElementById('gumletText_69b396aac8f901eb75d0a2c2'); const closeBtn = document.getElementById('gumletClose_69b396aac8f901eb75d0a2c2'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Gentle Giant

(function () { const thumb = document.getElementById('gumletThumb_69b1fea9aecdfbec6b042729'); const lightbox = document.getElementById('gumletLightbox_69b1fea9aecdfbec6b042729'); const player = document.getElementById('gumletPlayer_69b1fea9aecdfbec6b042729'); const titleEl = document.getElementById('gumletTitle_69b1fea9aecdfbec6b042729'); const textEl = document.getElementById('gumletText_69b1fea9aecdfbec6b042729'); const closeBtn = document.getElementById('gumletClose_69b1fea9aecdfbec6b042729'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

SSW Engage
Telstra

(function () { const thumb = document.getElementById('gumletThumb_69bbe191554f0fb510fde9ea'); const lightbox = document.getElementById('gumletLightbox_69bbe191554f0fb510fde9ea'); const player = document.getElementById('gumletPlayer_69bbe191554f0fb510fde9ea'); const titleEl = document.getElementById('gumletTitle_69bbe191554f0fb510fde9ea'); const textEl = document.getElementById('gumletText_69bbe191554f0fb510fde9ea'); const closeBtn = document.getElementById('gumletClose_69bbe191554f0fb510fde9ea'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Are Your Goods All Good?
CITES

(function () { const thumb = document.getElementById('gumletThumb_69bbde668dd3b727595f4420'); const lightbox = document.getElementById('gumletLightbox_69bbde668dd3b727595f4420'); const player = document.getElementById('gumletPlayer_69bbde668dd3b727595f4420'); const titleEl = document.getElementById('gumletTitle_69bbde668dd3b727595f4420'); const textEl = document.getElementById('gumletText_69bbde668dd3b727595f4420'); const closeBtn = document.getElementById('gumletClose_69bbde668dd3b727595f4420'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Escape

(function () { const thumb = document.getElementById('gumletThumb_69b0b536571b936fe31d2c5c'); const lightbox = document.getElementById('gumletLightbox_69b0b536571b936fe31d2c5c'); const player = document.getElementById('gumletPlayer_69b0b536571b936fe31d2c5c'); const titleEl = document.getElementById('gumletTitle_69b0b536571b936fe31d2c5c'); const textEl = document.getElementById('gumletText_69b0b536571b936fe31d2c5c'); const closeBtn = document.getElementById('gumletClose_69b0b536571b936fe31d2c5c'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Warren's Vortex
Fridge Animations

(function () { const thumb = document.getElementById('gumletThumb_69bff5e84fe0bcfaae558dff'); const lightbox = document.getElementById('gumletLightbox_69bff5e84fe0bcfaae558dff'); const player = document.getElementById('gumletPlayer_69bff5e84fe0bcfaae558dff'); const titleEl = document.getElementById('gumletTitle_69bff5e84fe0bcfaae558dff'); const textEl = document.getElementById('gumletText_69bff5e84fe0bcfaae558dff'); const closeBtn = document.getElementById('gumletClose_69bff5e84fe0bcfaae558dff'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Animated Logos
Various clients

(function () { const thumb = document.getElementById('gumletThumb_69ba268abaa7d9f8a4ad8ded'); const lightbox = document.getElementById('gumletLightbox_69ba268abaa7d9f8a4ad8ded'); const player = document.getElementById('gumletPlayer_69ba268abaa7d9f8a4ad8ded'); const titleEl = document.getElementById('gumletTitle_69ba268abaa7d9f8a4ad8ded'); const textEl = document.getElementById('gumletText_69ba268abaa7d9f8a4ad8ded'); const closeBtn = document.getElementById('gumletClose_69ba268abaa7d9f8a4ad8ded'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

New Zealand Travellers Declaration
explainer video

(function () { const thumb = document.getElementById('gumletThumb_69b3752abf83f6c336a1d5b6'); const lightbox = document.getElementById('gumletLightbox_69b3752abf83f6c336a1d5b6'); const player = document.getElementById('gumletPlayer_69b3752abf83f6c336a1d5b6'); const titleEl = document.getElementById('gumletTitle_69b3752abf83f6c336a1d5b6'); const textEl = document.getElementById('gumletText_69b3752abf83f6c336a1d5b6'); const closeBtn = document.getElementById('gumletClose_69b3752abf83f6c336a1d5b6'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

State of Mind
Smiling Mind

(function () { const thumb = document.getElementById('gumletThumb_69bbdbda554f0fb510fd2f52'); const lightbox = document.getElementById('gumletLightbox_69bbdbda554f0fb510fd2f52'); const player = document.getElementById('gumletPlayer_69bbdbda554f0fb510fd2f52'); const titleEl = document.getElementById('gumletTitle_69bbdbda554f0fb510fd2f52'); const textEl = document.getElementById('gumletText_69bbdbda554f0fb510fd2f52'); const closeBtn = document.getElementById('gumletClose_69bbdbda554f0fb510fd2f52'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

You're Out
Credits Sequence

(function () { const thumb = document.getElementById('gumletThumb_69c34025bf49c9eb69bd40ae'); const lightbox = document.getElementById('gumletLightbox_69c34025bf49c9eb69bd40ae'); const player = document.getElementById('gumletPlayer_69c34025bf49c9eb69bd40ae'); const titleEl = document.getElementById('gumletTitle_69c34025bf49c9eb69bd40ae'); const textEl = document.getElementById('gumletText_69c34025bf49c9eb69bd40ae'); const closeBtn = document.getElementById('gumletClose_69c34025bf49c9eb69bd40ae'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Abe's Bagels
25th Anniversary Video

(function () { const thumb = document.getElementById('gumletThumb_69b39a96dc37184fc772781b'); const lightbox = document.getElementById('gumletLightbox_69b39a96dc37184fc772781b'); const player = document.getElementById('gumletPlayer_69b39a96dc37184fc772781b'); const titleEl = document.getElementById('gumletTitle_69b39a96dc37184fc772781b'); const textEl = document.getElementById('gumletText_69b39a96dc37184fc772781b'); const closeBtn = document.getElementById('gumletClose_69b39a96dc37184fc772781b'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

NED Bourbon

(function () { const videos = [{"assetId":"69b1ff83571b936fe3392fbf","videoUrl":"https://play.gumlet.io/embed/69b1ff83571b936fe3392fbf?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"NED Bourbon","thumbnailUrl":"https://samtharris.com/assets/images/gallery01/408849ae.jpg?v=cb62740a","text":"Various videos created for Ned Bourbon","hoverText":""},{"assetId":"69b20005915a0b1869dbef99","videoUrl":"https://play.gumlet.io/embed/69b20005915a0b1869dbef99?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"NED Bourbon","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b20005915a0b1869dbef99/thumbnail-1-0.png","text":"Various videos created for Ned Bourbon"},{"assetId":"69b20065aecdfbec6b044b54","videoUrl":"https://play.gumlet.io/embed/69b20065aecdfbec6b044b54?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"NED Bourbon","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b20065aecdfbec6b044b54/thumbnail-1-0.png","text":"Various videos created for Ned Bourbon"},{"assetId":"69b20086915a0b1869dbf8d7","videoUrl":"https://play.gumlet.io/embed/69b20086915a0b1869dbf8d7?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"NED Bourbon","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b20086915a0b1869dbf8d7/thumbnail-1-0.png","text":"Various videos created for Ned Bourbon"}]; const thumb = document.getElementById('gumletThumb_69b1ff83571b936fe3392fbf'); const lightbox = document.getElementById('gumletLightbox_69b1ff83571b936fe3392fbf'); const player = document.getElementById('gumletPlayer_69b1ff83571b936fe3392fbf'); const titleEl = document.getElementById('gumletTitle_69b1ff83571b936fe3392fbf'); const textEl = document.getElementById('gumletText_69b1ff83571b936fe3392fbf'); const closeBtn = document.getElementById('gumletClose_69b1ff83571b936fe3392fbf'); const galleryEl = document.getElementById('gumletGallery_69b1ff83571b936fe3392fbf'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69b1ff83571b936fe3392fbf' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Vā Hina
Mana Moana 2025

(function () { const thumb = document.getElementById('gumletThumb_69c0dd6124ffd038ef68edc4'); const lightbox = document.getElementById('gumletLightbox_69c0dd6124ffd038ef68edc4'); const player = document.getElementById('gumletPlayer_69c0dd6124ffd038ef68edc4'); const titleEl = document.getElementById('gumletTitle_69c0dd6124ffd038ef68edc4'); const textEl = document.getElementById('gumletText_69c0dd6124ffd038ef68edc4'); const closeBtn = document.getElementById('gumletClose_69c0dd6124ffd038ef68edc4'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerHTML = text.replace(/\n/g, '
'); player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Foodland Hawaii

(function () { const thumb = document.getElementById('gumletThumb_69b36860c8f901eb75ccb3b6'); const lightbox = document.getElementById('gumletLightbox_69b36860c8f901eb75ccb3b6'); const player = document.getElementById('gumletPlayer_69b36860c8f901eb75ccb3b6'); const titleEl = document.getElementById('gumletTitle_69b36860c8f901eb75ccb3b6'); const textEl = document.getElementById('gumletText_69b36860c8f901eb75ccb3b6'); const closeBtn = document.getElementById('gumletClose_69b36860c8f901eb75ccb3b6'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Pissing Down

(function () { const thumb = document.getElementById('gumletThumb_69b0b5c9571b936fe31d350c'); const lightbox = document.getElementById('gumletLightbox_69b0b5c9571b936fe31d350c'); const player = document.getElementById('gumletPlayer_69b0b5c9571b936fe31d350c'); const titleEl = document.getElementById('gumletTitle_69b0b5c9571b936fe31d350c'); const textEl = document.getElementById('gumletText_69b0b5c9571b936fe31d350c'); const closeBtn = document.getElementById('gumletClose_69b0b5c9571b936fe31d350c'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Liberal Democrats

(function () { const videos = [{"assetId":"69bff66e61788532c951b1f1","videoUrl":"https://play.gumlet.io/embed/69bff66e61788532c951b1f1?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Liberal Democrats","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bff66e61788532c951b1f1/thumbnail-1-0.png","text":"Various videos created for the Liberal Democrats for the 2017 UK general election","hoverText":" "},{"assetId":"69bfd7a861788532c94f4c81","videoUrl":"https://play.gumlet.io/embed/69bfd7a861788532c94f4c81?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Liberal Democrats","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a861788532c94f4c81/thumbnail-1-0.png","text":"Various videos created for the Liberal Democrats for the 2017 UK general election"},{"assetId":"69bfd7ba4fe0bcfaae5337de","videoUrl":"https://play.gumlet.io/embed/69bfd7ba4fe0bcfaae5337de?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Liberal Democrats","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7ba4fe0bcfaae5337de/thumbnail-1-0.png","text":"Various videos created for the Liberal Democrats for the 2017 UK general election"}]; const thumb = document.getElementById('gumletThumb_69bff66e61788532c951b1f1'); const lightbox = document.getElementById('gumletLightbox_69bff66e61788532c951b1f1'); const player = document.getElementById('gumletPlayer_69bff66e61788532c951b1f1'); const titleEl = document.getElementById('gumletTitle_69bff66e61788532c951b1f1'); const textEl = document.getElementById('gumletText_69bff66e61788532c951b1f1'); const closeBtn = document.getElementById('gumletClose_69bff66e61788532c951b1f1'); const galleryEl = document.getElementById('gumletGallery_69bff66e61788532c951b1f1'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69bff66e61788532c951b1f1' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Life in the FFN
Title Sequence

(function () { const thumb = document.getElementById('gumletThumb_69b3696dc8f901eb75ccc3aa'); const lightbox = document.getElementById('gumletLightbox_69b3696dc8f901eb75ccc3aa'); const player = document.getElementById('gumletPlayer_69b3696dc8f901eb75ccc3aa'); const titleEl = document.getElementById('gumletTitle_69b3696dc8f901eb75ccc3aa'); const textEl = document.getElementById('gumletText_69b3696dc8f901eb75ccc3aa'); const closeBtn = document.getElementById('gumletClose_69b3696dc8f901eb75ccc3aa'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Tokyo House
Suntory Boss

(function () { const thumb = document.getElementById('gumletThumb_69bbeea38dd3b72759615b86'); const lightbox = document.getElementById('gumletLightbox_69bbeea38dd3b72759615b86'); const player = document.getElementById('gumletPlayer_69bbeea38dd3b72759615b86'); const titleEl = document.getElementById('gumletTitle_69bbeea38dd3b72759615b86'); const textEl = document.getElementById('gumletText_69bbeea38dd3b72759615b86'); const closeBtn = document.getElementById('gumletClose_69bbeea38dd3b72759615b86'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Inner Wilds

(function () { const thumb = document.getElementById('gumletThumb_69b7ded7c8f901eb75247cfa'); const lightbox = document.getElementById('gumletLightbox_69b7ded7c8f901eb75247cfa'); const player = document.getElementById('gumletPlayer_69b7ded7c8f901eb75247cfa'); const titleEl = document.getElementById('gumletTitle_69b7ded7c8f901eb75247cfa'); const textEl = document.getElementById('gumletText_69b7ded7c8f901eb75247cfa'); const closeBtn = document.getElementById('gumletClose_69b7ded7c8f901eb75247cfa'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Manchester United

(function () { const videos = [{"assetId":"69bfd7a7913220ae3bb57f32","videoUrl":"https://play.gumlet.io/embed/69bfd7a7913220ae3bb57f32?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Manchester United","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a7913220ae3bb57f32/thumbnail-1-0.png","text":"Various videos created for Manchester United","hoverText":""},{"assetId":"69bfd7a7913220ae3bb57f2c","videoUrl":"https://play.gumlet.io/embed/69bfd7a7913220ae3bb57f2c?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Manchester United","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a7913220ae3bb57f2c/thumbnail-1-0.png","text":"Various videos created for Manchester United"}]; const thumb = document.getElementById('gumletThumb_69bfd7a7913220ae3bb57f32'); const lightbox = document.getElementById('gumletLightbox_69bfd7a7913220ae3bb57f32'); const player = document.getElementById('gumletPlayer_69bfd7a7913220ae3bb57f32'); const titleEl = document.getElementById('gumletTitle_69bfd7a7913220ae3bb57f32'); const textEl = document.getElementById('gumletText_69bfd7a7913220ae3bb57f32'); const closeBtn = document.getElementById('gumletClose_69bfd7a7913220ae3bb57f32'); const galleryEl = document.getElementById('gumletGallery_69bfd7a7913220ae3bb57f32'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69bfd7a7913220ae3bb57f32' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

48HOURS 2024
Promotional Video

(function () { const thumb = document.getElementById('gumletThumb_69b37056c8f901eb75cd3c90'); const lightbox = document.getElementById('gumletLightbox_69b37056c8f901eb75cd3c90'); const player = document.getElementById('gumletPlayer_69b37056c8f901eb75cd3c90'); const titleEl = document.getElementById('gumletTitle_69b37056c8f901eb75cd3c90'); const textEl = document.getElementById('gumletText_69b37056c8f901eb75cd3c90'); const closeBtn = document.getElementById('gumletClose_69b37056c8f901eb75cd3c90'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

48HOURS Lockdown
Explainer Video

(function () { const thumb = document.getElementById('gumletThumb_69bbdbc4baa7d9f8a4ddbc25'); const lightbox = document.getElementById('gumletLightbox_69bbdbc4baa7d9f8a4ddbc25'); const player = document.getElementById('gumletPlayer_69bbdbc4baa7d9f8a4ddbc25'); const titleEl = document.getElementById('gumletTitle_69bbdbc4baa7d9f8a4ddbc25'); const textEl = document.getElementById('gumletText_69bbdbc4baa7d9f8a4ddbc25'); const closeBtn = document.getElementById('gumletClose_69bbdbc4baa7d9f8a4ddbc25'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Children's Educational videos
Various clients

(function () { const videos = [{"assetId":"69c359eebf49c9eb69bf0b30","videoUrl":"https://play.gumlet.io/embed/69c359eebf49c9eb69bf0b30?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Magic Book","thumbnailUrl":"https://samtharris.com/assets/images/gallery01/136de8f7.jpg?v=25a2a804","text":"From 'Magic Book' app teaching English to Chinese children","hoverText":"Various clients"},{"assetId":"69c35079bf49c9eb69be6089","videoUrl":"https://play.gumlet.io/embed/69c35079bf49c9eb69be6089?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Alfie","thumbnailUrl":"https://samtharris.com/assets/images/gallery01/2f4fcf45.jpg?v=25a2a804","text":"For an app teaching children Arabic letters"}]; const thumb = document.getElementById('gumletThumb_69c359eebf49c9eb69bf0b30'); const lightbox = document.getElementById('gumletLightbox_69c359eebf49c9eb69bf0b30'); const player = document.getElementById('gumletPlayer_69c359eebf49c9eb69bf0b30'); const titleEl = document.getElementById('gumletTitle_69c359eebf49c9eb69bf0b30'); const textEl = document.getElementById('gumletText_69c359eebf49c9eb69bf0b30'); const closeBtn = document.getElementById('gumletClose_69c359eebf49c9eb69bf0b30'); const galleryEl = document.getElementById('gumletGallery_69c359eebf49c9eb69bf0b30'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69c359eebf49c9eb69bf0b30' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Sky Stadium
Health and Safety Video

(function () { const thumb = document.getElementById('gumletThumb_69b370abdc37184fc76eae1d'); const lightbox = document.getElementById('gumletLightbox_69b370abdc37184fc76eae1d'); const player = document.getElementById('gumletPlayer_69b370abdc37184fc76eae1d'); const titleEl = document.getElementById('gumletTitle_69b370abdc37184fc76eae1d'); const textEl = document.getElementById('gumletText_69b370abdc37184fc76eae1d'); const closeBtn = document.getElementById('gumletClose_69b370abdc37184fc76eae1d'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

WeeklyPlanetCoin

(function () { const thumb = document.getElementById('gumletThumb_69bbe0b88dd3b727595f97ce'); const lightbox = document.getElementById('gumletLightbox_69bbe0b88dd3b727595f97ce'); const player = document.getElementById('gumletPlayer_69bbe0b88dd3b727595f97ce'); const titleEl = document.getElementById('gumletTitle_69bbe0b88dd3b727595f97ce'); const textEl = document.getElementById('gumletText_69bbe0b88dd3b727595f97ce'); const closeBtn = document.getElementById('gumletClose_69bbe0b88dd3b727595f97ce'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Future of Food
Greenpeace Aotearoa

(function () { const thumb = document.getElementById('gumletThumb_69ba2c49554f0fb510cd7f33'); const lightbox = document.getElementById('gumletLightbox_69ba2c49554f0fb510cd7f33'); const player = document.getElementById('gumletPlayer_69ba2c49554f0fb510cd7f33'); const titleEl = document.getElementById('gumletTitle_69ba2c49554f0fb510cd7f33'); const textEl = document.getElementById('gumletText_69ba2c49554f0fb510cd7f33'); const closeBtn = document.getElementById('gumletClose_69ba2c49554f0fb510cd7f33'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Vote.NZ
MMP - Mixed Member Proportional

(function () { const thumb = document.getElementById('gumletThumb_69b0cb7d571b936fe31e967e'); const lightbox = document.getElementById('gumletLightbox_69b0cb7d571b936fe31e967e'); const player = document.getElementById('gumletPlayer_69b0cb7d571b936fe31e967e'); const titleEl = document.getElementById('gumletTitle_69b0cb7d571b936fe31e967e'); const textEl = document.getElementById('gumletText_69b0cb7d571b936fe31e967e'); const closeBtn = document.getElementById('gumletClose_69b0cb7d571b936fe31e967e'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Vote.nz
Campaign Rules and Expenses

(function () { const thumb = document.getElementById('gumletThumb_69b7dadcbf83f6c336f87000'); const lightbox = document.getElementById('gumletLightbox_69b7dadcbf83f6c336f87000'); const player = document.getElementById('gumletPlayer_69b7dadcbf83f6c336f87000'); const titleEl = document.getElementById('gumletTitle_69b7dadcbf83f6c336f87000'); const textEl = document.getElementById('gumletText_69b7dadcbf83f6c336f87000'); const closeBtn = document.getElementById('gumletClose_69b7dadcbf83f6c336f87000'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Find Ways to Top Up
Health NZ TVC

(function () { const thumb = document.getElementById('gumletThumb_69b7df24dc37184fc7c5d2e4'); const lightbox = document.getElementById('gumletLightbox_69b7df24dc37184fc7c5d2e4'); const player = document.getElementById('gumletPlayer_69b7df24dc37184fc7c5d2e4'); const titleEl = document.getElementById('gumletTitle_69b7df24dc37184fc7c5d2e4'); const textEl = document.getElementById('gumletText_69b7df24dc37184fc7c5d2e4'); const closeBtn = document.getElementById('gumletClose_69b7df24dc37184fc7c5d2e4'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Wildclean

(function () { const videos = [{"assetId":"69b356e6c8f901eb75cb80a4","videoUrl":"https://play.gumlet.io/embed/69b356e6c8f901eb75cb80a4?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b356e6c8f901eb75cb80a4/thumbnail-1-0.png"},{"assetId":"69b3569cdc37184fc76ce843","videoUrl":"https://play.gumlet.io/embed/69b3569cdc37184fc76ce843?background=false\u0026loop=false\u0026disable_player_controls=false","caption":"","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b3569cdc37184fc76ce843/thumbnail-1-0.png"}]; const trigger = document.getElementById('gumletGridTrigger_69b356e6c8f901eb75cb80a4'); const lightbox = document.getElementById('gumletGridLightbox_69b356e6c8f901eb75cb80a4'); const closeBtn = document.getElementById('gumletGridClose_69b356e6c8f901eb75cb80a4'); const grid = document.getElementById('gumletGrid_69b356e6c8f901eb75cb80a4'); function buildVideos() { grid.innerHTML = ''; videos.forEach(function (video) { const item = document.createElement('div'); item.className = 'gumlet-grid-item-69b356e6c8f901eb75cb80a4'; const frame = document.createElement('div'); frame.className = 'gumlet-grid-frame-69b356e6c8f901eb75cb80a4'; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = video.caption || 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; frame.appendChild(iframe); item.appendChild(frame); if (video.caption) { const caption = document.createElement('div'); caption.className = 'gumlet-grid-caption-69b356e6c8f901eb75cb80a4'; caption.innerText = video.caption; item.appendChild(caption); } grid.appendChild(item); }); } function openLightbox() { buildVideos(); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { grid.innerHTML = ''; } }, 280); } function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } trigger.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

48HOURS 2022
Promotional Video

(function () { const thumb = document.getElementById('gumletThumb_69b36ba7bf83f6c336a13212'); const lightbox = document.getElementById('gumletLightbox_69b36ba7bf83f6c336a13212'); const player = document.getElementById('gumletPlayer_69b36ba7bf83f6c336a13212'); const titleEl = document.getElementById('gumletTitle_69b36ba7bf83f6c336a13212'); const textEl = document.getElementById('gumletText_69b36ba7bf83f6c336a13212'); const closeBtn = document.getElementById('gumletClose_69b36ba7bf83f6c336a13212'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

90 Day Fiance
Promotional Bumpers

(function () { const videos = [{"assetId":"69bfd7a74fe0bcfaae5335d5","videoUrl":"https://play.gumlet.io/embed/69bfd7a74fe0bcfaae5335d5?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"90 Day Fiance","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a74fe0bcfaae5335d5/thumbnail-1-0.png","text":"Discovery Networks 2017 - Animated in After Effects","hoverText":"Promotional Bumpers"},{"assetId":"69bfd7a74fe0bcfaae5335e0","videoUrl":"https://play.gumlet.io/embed/69bfd7a74fe0bcfaae5335e0?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"90 Day Fiance","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a74fe0bcfaae5335e0/thumbnail-1-0.png","text":"Discovery Networks 2017 - Animated in After Effects"},{"assetId":"69bfd7a7913220ae3bb57f35","videoUrl":"https://play.gumlet.io/embed/69bfd7a7913220ae3bb57f35?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"90 Day Fiance","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69bfd7a7913220ae3bb57f35/thumbnail-1-0.png","text":"Discovery Networks 2017 - Animated in After Effects"}]; const thumb = document.getElementById('gumletThumb_69bfd7a74fe0bcfaae5335d5'); const lightbox = document.getElementById('gumletLightbox_69bfd7a74fe0bcfaae5335d5'); const player = document.getElementById('gumletPlayer_69bfd7a74fe0bcfaae5335d5'); const titleEl = document.getElementById('gumletTitle_69bfd7a74fe0bcfaae5335d5'); const textEl = document.getElementById('gumletText_69bfd7a74fe0bcfaae5335d5'); const closeBtn = document.getElementById('gumletClose_69bfd7a74fe0bcfaae5335d5'); const galleryEl = document.getElementById('gumletGallery_69bfd7a74fe0bcfaae5335d5'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69bfd7a74fe0bcfaae5335d5' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Australian Disaster Recovery Framework

(function () { const thumb = document.getElementById('gumletThumb_69b36b31bf83f6c336a12983'); const lightbox = document.getElementById('gumletLightbox_69b36b31bf83f6c336a12983'); const player = document.getElementById('gumletPlayer_69b36b31bf83f6c336a12983'); const titleEl = document.getElementById('gumletTitle_69b36b31bf83f6c336a12983'); const textEl = document.getElementById('gumletText_69b36b31bf83f6c336a12983'); const closeBtn = document.getElementById('gumletClose_69b36b31bf83f6c336a12983'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

Dacxi

(function () { const videos = [{"assetId":"69b36aa1dc37184fc76e4619","videoUrl":"https://play.gumlet.io/embed/69b36aa1dc37184fc76e4619?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Dacxi","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b36aa1dc37184fc76e4619/thumbnail-1-0.png","text":"","hoverText":""},{"assetId":"69b36a8ddc37184fc76e44b5","videoUrl":"https://play.gumlet.io/embed/69b36a8ddc37184fc76e44b5?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"Dacxi","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/69b36a8ddc37184fc76e44b5/thumbnail-1-0.png","text":""}]; const thumb = document.getElementById('gumletThumb_69b36aa1dc37184fc76e4619'); const lightbox = document.getElementById('gumletLightbox_69b36aa1dc37184fc76e4619'); const player = document.getElementById('gumletPlayer_69b36aa1dc37184fc76e4619'); const titleEl = document.getElementById('gumletTitle_69b36aa1dc37184fc76e4619'); const textEl = document.getElementById('gumletText_69b36aa1dc37184fc76e4619'); const closeBtn = document.getElementById('gumletClose_69b36aa1dc37184fc76e4619'); const galleryEl = document.getElementById('gumletGallery_69b36aa1dc37184fc76e4619'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-69b36aa1dc37184fc76e4619' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

UI Animations

(function () { const videos = [{"assetId":"660ce8cfbe7f6999ef08db8d","videoUrl":"https://play.gumlet.io/embed/660ce8cfbe7f6999ef08db8d?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"UI Animations","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/660ce8cfbe7f6999ef08db8d/thumbnail-1-0.png","text":"User interface animations made for various clients","hoverText":" "},{"assetId":"660ce8cfd5989cc33f8a1da8","videoUrl":"https://play.gumlet.io/embed/660ce8cfd5989cc33f8a1da8?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"UI Animations","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/660ce8cfd5989cc33f8a1da8/thumbnail-1-0.png","text":"User interface animations made for various clients"},{"assetId":"660c8e58be7f6999ef0717d4","videoUrl":"https://play.gumlet.io/embed/660c8e58be7f6999ef0717d4?background=false\u0026autoplay=true\u0026loop=false\u0026disable_player_controls=false","title":"UI Animations","thumbnailUrl":"https://video.gumlet.io/660c8825be7f6999ef06faa1/660c8e58be7f6999ef0717d4/thumbnail-1-0.png","text":"User interface animations made for various clients"}]; const thumb = document.getElementById('gumletThumb_660ce8cfbe7f6999ef08db8d'); const lightbox = document.getElementById('gumletLightbox_660ce8cfbe7f6999ef08db8d'); const player = document.getElementById('gumletPlayer_660ce8cfbe7f6999ef08db8d'); const titleEl = document.getElementById('gumletTitle_660ce8cfbe7f6999ef08db8d'); const textEl = document.getElementById('gumletText_660ce8cfbe7f6999ef08db8d'); const closeBtn = document.getElementById('gumletClose_660ce8cfbe7f6999ef08db8d'); const galleryEl = document.getElementById('gumletGallery_660ce8cfbe7f6999ef08db8d'); let currentIndex = 0; function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function renderGallery() { galleryEl.innerHTML = ''; videos.forEach(function (video, index) { const item = document.createElement('div'); item.className = 'gumlet-gallery-item-660ce8cfbe7f6999ef08db8d' + (index === currentIndex ? ' is-active' : ''); const img = document.createElement('img'); img.src = video.thumbnailUrl; img.alt = video.title || 'Video thumbnail'; item.appendChild(img); item.addEventListener('click', function (event) { event.stopPropagation(); renderVideo(index); }); galleryEl.appendChild(item); }); } function renderVideo(index) { const video = videos[index]; currentIndex = index; titleEl.innerText = video.title || ''; textEl.innerText = video.text || ''; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = video.videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); renderGallery(); } function openLightbox(startIndex) { renderVideo(typeof startIndex === 'number' ? startIndex : 0); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', function () { openLightbox(0); }); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Project thumbnail

KenoGo

(function () { const thumb = document.getElementById('gumletThumb_69af8b566fd61f7e4bd149e2'); const lightbox = document.getElementById('gumletLightbox_69af8b566fd61f7e4bd149e2'); const player = document.getElementById('gumletPlayer_69af8b566fd61f7e4bd149e2'); const titleEl = document.getElementById('gumletTitle_69af8b566fd61f7e4bd149e2'); const textEl = document.getElementById('gumletText_69af8b566fd61f7e4bd149e2'); const closeBtn = document.getElementById('gumletClose_69af8b566fd61f7e4bd149e2'); function handleEsc(event) { if (event.key === 'Escape' || event.key === 'Esc') { closeLightbox(); } } function openLightbox() { const videoUrl = thumb.dataset.video || ''; const title = thumb.dataset.title || ''; const text = thumb.dataset.text || ''; titleEl.innerText = title; textEl.innerText = text; player.innerHTML = ''; const iframe = document.createElement('iframe'); iframe.loading = 'lazy'; iframe.title = 'Gumlet video player'; iframe.src = videoUrl; iframe.referrerPolicy = 'origin'; iframe.allow = 'accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen'; iframe.allowFullscreen = true; player.appendChild(iframe); lightbox.classList.add('is-open'); document.addEventListener('keydown', handleEsc); } function closeLightbox() { lightbox.classList.remove('is-open'); document.removeEventListener('keydown', handleEsc); setTimeout(function () { if (!lightbox.classList.contains('is-open')) { player.innerHTML = ''; } }, 280); } thumb.addEventListener('click', openLightbox); closeBtn.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { closeLightbox(); } }); })();

Get in touch

Sam T Harris (he/him)

I'm a freelance motion graphics designer and video editor based in Wellington with over 15 years experience. I love to animate characters, make films, create visual effects and do all kinds of other things with moving image.You may also know me as Squint Eastwood, regular entrant and occasional winner of 48HOURS

Clients I've worked with:

XboxManchester UnitedCandy CrushDiscovery NetworksWeta WorkshopJaguarGoDaddyShellAmnesty InternationalSpecsaversNando'sKahlúaDeutsche BankRoyal Bank of ScotlandNatWestTelstraALDICentricaO2Suntory Boss CoffeeKingfisher PLCHealth New ZealandNew Zealand Transport AgencyNew Zealand Customs ServiceDepartment of ConservationMaritime New ZealandVote.nzCommonwealth BankChorus LimitedSercoBritzFoodland HawaiiBottleMartLumoAbe's BagelsKenoGoYourRidePaperboyo

(function(){ const section = document.getElementById('client-pill-section'); if (!section) return; const pills = section.querySelectorAll('.brand-pill'); let hasAnimated = false; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !hasAnimated) { hasAnimated = true; pills.forEach(pill => pill.classList.add('in-view')); observer.disconnect(); } }); }, { threshold: 0.2 }); observer.observe(section); })();

Studios I've worked with:

TWBA (London)
Firehouse (London)
J Walter Thomas (London)
Blueprint Partners (London)
Sapient Razorfish (London)
Chronicle Studio (Sydney)
Avocado Marketing (Melbourne)
Origami (Auckland)
StudioXO (Auckland)
Clemenger BBDO (Wellington)
HOOF Creative (Wellington)
Storybox (Wellington)
Useful Media (Wellington)
National Park (Wellington)
AWA Films (Wellington)

Qualifications:

Bachelor of Arts (BA)
Film and Theatre Studies
/ Mass Communications
University of Canterbury

Diplomas in Multimedia
and Video Post Production
Natcoll Design Technology
(Now YooBee)

Certificate in Film and
Television Production
New Zealand Film
and Television School

Advanced Diploma in
Art and Creativity (NZQA L7)
The Learning Connexion

(function(){ const section = document.getElementById('profile-two-boxes'); if (!section) return; const boxes = section.querySelectorAll('.text-box'); let hasAnimated = false; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !hasAnimated) { hasAnimated = true; boxes.forEach(box => box.classList.add('in-view')); observer.disconnect(); } }); }, { threshold: 0.25 }); observer.observe(section); })();

Sam Harris

Motion Designer and Editor

TOP RATED

100% JOB SUCCESS

$50K+Total earnings

148Total jobs

535Total hours

100%Job success

View full profile on Upwork