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
Paperboyo
Series of video collaborations with instagram artist 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
Wildclean
2022 - Animated in After Effects
(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