---
title: "CinematicVideoPlayer — Free Framer component · Best of Framer"
description: "Free Framer component · by LastWave tech · Players. Cinematic video player with chapter mark"
canonical: "https://framer.elliotli.dev/component/cinematicvideoplayer"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/CinematicVideoPlayer

# CinematicVideoPlayer

Cinematic video player with chapter mark

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

![CinematicVideoPlayer preview image 1](https://framer.elliotli.dev/og/component/cinematicvideoplayer/bd9f566459d293c1/1600x1200.jpg)

## Summary

Cinematic video player with chapter mark

## Description

**Autoplay on Scroll:** The player watches when it enters the viewport. Once 50% visible, video begins playing silently — no user action required. Scrolls away, it pauses. Keeps the page feeling alive without being intrusive.

**Custom Controls:** Progress bar sits invisibly at 2px along the bottom. Hover over the player — it expands to 6px, becomes interactive. Play and pause icon fades in at center on hover, disappears when playing. Every interaction feels intentional and quiet.

**Chapter Markers:** Place dots anywhere on the timeline — product reveal, feature highlight, key moment. Viewers hover to see the chapter name, click to jump directly. Perfect for guided tours, demos, or storytelling videos.

**One-Click Fullscreen:** Click anywhere on the video — it unmutes and expands fullscreen instantly. Press ESC to return to the inline player. No buttons to hunt for. No extra steps.

**Poster & Lazy Loading:** Poster image renders immediately on page load. Video file only loads when needed — keeps page fast, saves bandwidth. Feels instant without sacrificing performance.

**Smart Connection Awareness:** Detects slow or data-saving connections and skips autoplay automatically. Respects the viewer's device and network. No forced video on limited data plans.

**Mobile Ready:** Falls back to native controls on mobile Safari where custom fullscreen is restricted. Works across all modern browsers without extra configuration.

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

-   All · #5586

## Details

- **Author**: LastWave tech
- **Published**: 2026-05-05
- **Updated**: 2026-05-05
- **Added**: 2026-04-21
- **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.