Video & Audio
Custom video players, audio controls, and media interactions.
Media Setup (Autoplay, Hover, Click)
Category: Video & Audio. Last updated: Aug 20, 2025
Mini Showreel Player
Category: Video & Audio. Last updated: Aug 20, 2025
Image Sequence on Scroll
Category: Video & Audio. Last updated: Aug 20, 2025
Custom Bunny HLS Lightbox (Advanced)
A fully custom HLS video lightbox powered by hls.js, with support for autoplay, mute, fullscreen, timeline scrubbing, and placeholder images. Opens over a dark overlay with smooth transitions.
Custom Bunny HLS Player (Basic)
Category: Video & Audio. Last updated: Aug 20, 2025
Bunny HLS Background Video
A full-cover HLS background video player powered by hls.js. Supports autoplay with IntersectionObserver-based play/pause, lazy loading, mute toggle, and a play/pause button. Plays silently as a section background.
Custom Bunny HLS Player (Advanced)
Category: Video & Audio. Last updated: Aug 20, 2025
Play Video on Hover (Lazy)
Category: Video & Audio. Last updated: Aug 20, 2025
Custom Vimeo Lightbox (Advanced)
A fully custom Vimeo lightbox with play/pause, mute, fullscreen, timeline scrubbing, duration display, and placeholder image. Opens over a dark overlay with smooth transitions. Supports switching between multiple videos.
Play/Pause Video on Scroll
Automatically plays and pauses HTML videos based on their scroll visibility using GSAP ScrollTrigger. A lightweight performance optimisation that ensures videos only play when in view.
Audio Player (with Howler.js)
Category: Video & Audio. Last updated: Aug 20, 2025
Vimeo Background Video
Category: Video & Audio. Last updated: Aug 20, 2025
Custom Vimeo Player (Basic)
Category: Video & Audio. Last updated: Aug 20, 2025
Custom Vimeo Player (Advanced)
A fully custom Vimeo player with play/pause, mute, fullscreen, timeline scrubbing, duration display, and placeholder image. Supports autoplay with scroll-based visibility detection, cover mode, and multiple players on the same page.