---
title: "HLS Video Player — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Anoop · Players. A lightweight and fully responsive HLS video player built for Framer."
canonical: "https://framer.elliotli.dev/component/hls-video-player"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/HLS Video Player

# HLS Video Player

[View on Framer](https://framer.com/marketplace/components/hls-video-player/?via=elliot-li)

![HLS Video Player preview image 1](https://framer.elliotli.dev/og/component/hls-video-player/96cb25a198a4f428/1600x1200.jpg)

## Summary

A lightweight and fully responsive HLS video player built for Framer.

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9880

## Details

- **Author**: Anoop
- **Price**: $19.00
- **Published**: 2025-11-04
- **Updated**: 2025-11-02
- **Added**: 2025-10-18
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.