---
title: "InView Video — Free Framer component · Best of Framer"
description: "Free Framer component · by Urbs Studio · Players. Video that smartly fades audio in view."
canonical: "https://framer.elliotli.dev/component/inview-video"
---

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

# InView Video

Video that smartly fades audio in view.

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

![InView Video preview image 1](https://framer.elliotli.dev/og/component/inview-video/abec088eb9160f47/1600x1200.jpg)

## Summary

Video that smartly fades audio in view.

## Description

### What it does

This component automatically controls video playback and audio based on visibility.

-   Audio fades in when the video enters view
    
-   Audio fades out and mutes when it leaves
    
-   Optional pause when out of view
    
-   Prevents playback inside Framer canvas (only works in preview/live)
    
-   Supports both uploaded files and external video URLs
    

### Why it matters

Most sites with multiple videos feel chaotic because everything plays at once.

This fixes that.

It ensures:

-   Focus stays on what’s currently visible
    
-   No overlapping audio
    
-   A smoother, more premium browsing experience
    

### Key Features

-   Smooth audio fade-in / fade-out
    
-   Viewport-based playback control
    
-   Upload or URL video support
    
-   Autoplay + loop options
    
-   Responsive by default
    
-   Works perfectly in Framer Preview (disabled in canvas)
    
-   Clean object-fit + positioning controls
    

### Perfect for

-   Landing pages
    
-   Case study storytelling
    
-   Product showcases
    
-   Portfolio sites
    
-   Agency websites (especially yours 👀)
    

### Controls Included

-   Volume
    
-   Fade duration
    
-   Autoplay toggle
    
-   Loop toggle
    
-   Pause when out of view
    
-   Visibility threshold
    
-   Video fit + positioning
    
-   Source type (Upload / URL)
    

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

-   All · #5153

## Details

- **Author**: Urbs Studio
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-05-01
- **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.