HLS Video Player
A lightweight and fully responsive HLS video player built for Framer. It automatically adapts to your stream quality, supports native Safari playback
A lightweight and fully responsive HLS video player built for Framer. It automatically adapts to your stream quality, supports native Safari playback, and uses hls.js elsewhere — ensuring smooth playback on every device. Designed for creators who want a reliable, beautiful, and high-performance video experience.
Includes features like autoplay, hover volume, live badge, and live seek controls — all with official Framer property controls for complete customization. Every detail, from icon sizing to aspect-ratio locking, is crafted for pixel-perfect alignment and zero visual shifts during load.
Features
Auto quality switching with HLS.js
Native Safari support
Live badge, seek, and “Go Live” modes
Aspect-ratio lock (no layout shift)
Hover volume + playback controls
Customizable colors, icons, and styles
Built with official Framer controls
Works with .m3u8 and standard video URLs
Perfect for: creators, filmmakers, and designers who want professional streaming playback directly inside Framer.
