Our Highlights
Award-winning work from a collective that never stops — commercials, docs, features, branded content, and everything in between, produced around the clock.
`;
document.body.appendChild(modal);
modal
.querySelector(".video-modal__close")
.addEventListener("click", closeVideoModal);
modal.addEventListener("click", function (event) {
if (event.target === modal) {
closeVideoModal();
}
});
document.addEventListener("keydown", function (event) {
if (event.key === "Escape") {
closeVideoModal();
}
});
}
modal.querySelector(".video-modal__inner").innerHTML = `
`;
modal.classList.add("is-open");
});
function getVideoEmbedUrl(videoUrl) {
// YouTube
const youtubeMatch =
videoUrl.match(/youtu\.be\/([^?&]+)/) ||
videoUrl.match(/[?&]v=([^?&]+)/) ||
videoUrl.match(/youtube\.com\/embed\/([^?&]+)/);
if (youtubeMatch) {
return `https://www.youtube.com/embed/${youtubeMatch[1]}?autoplay=1`;
}
// Vimeo player URL
const vimeoPlayerMatch =
videoUrl.match(
/player\.vimeo\.com\/video\/(\d+)(?:\?h=([^&]+))?/
);
if (vimeoPlayerMatch) {
const videoId = vimeoPlayerMatch[1];
const hash = vimeoPlayerMatch[2];
return hash
? `https://player.vimeo.com/video/${videoId}?h=${hash}&autoplay=1`
: `https://player.vimeo.com/video/${videoId}?autoplay=1`;
}
// Vimeo regular URL
const vimeoMatch =
videoUrl.match(/vimeo\.com\/(\d+)(?:\/([^?&]+))?/);
if (vimeoMatch) {
const videoId = vimeoMatch[1];
const hash = vimeoMatch[2];
return hash
? `https://player.vimeo.com/video/${videoId}?h=${hash}&autoplay=1`
: `https://player.vimeo.com/video/${videoId}?autoplay=1`;
}
return null;
}
function closeVideoModal() {
const modal = document.querySelector(".video-modal");
if (!modal) return;
modal.classList.remove("is-open");
// Remove iframe so video stops playing
modal.querySelector(".video-modal__inner").innerHTML = "";
}
.jpg)
