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, 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.