Video Settings Reference

Video settings control how video content plays inside your feed components

Written By Social Hampster

Last updated 2 days ago

Video settings control how video content plays inside your feed components. These props apply to Instagram Reels (Personal plan and above) and YouTube video components. They appear in Framer's right-side props panel when you select a component that includes video content.

[Screenshot: Add screenshot of the video settings props section in the Framer props panel]

Video settings props

Prop name	Type	What it does	Notes
Autoplay	Toggle	Starts playing the video automatically when it enters the visitor's viewport, without them needing to click	Requires Muted to be turned on. Browsers block autoplay with sound to prevent unexpected audio. See the note below.
Muted	Toggle	Plays the video without sound from the start	Must be enabled for Autoplay to work in Chrome, Firefox, Safari, and Edge. Visitors can unmute manually if Show Controls is on.
Loop	Toggle	Replays the video from the beginning once it reaches the end	Works well combined with Autoplay and Muted for a seamless background-video style effect.
Show Controls	Toggle	Shows or hides the browser's built-in video playback controls (play, pause, volume, fullscreen)	Turn off for a cleaner, more visual presentation. Turn on if you want visitors to be able to control playback or unmute the video.

Browser autoplay policy explained

All major web browsers (Chrome, Firefox, Safari, Edge) block videos from autoplaying with sound. This is a browser-level rule designed to prevent unexpected audio from playing when a visitor loads a page.

The practical effect is:

If you turn on Autoplay, you must also turn on Muted, or the video will not autoplay
A muted video can autoplay freely
If you want visitors to hear audio, turn Show Controls on so they can unmute manually after the video starts

This is not a Social Hampster limitation. The autoplay-requires-muted rule is enforced by the visitor's browser. There is no way to override it.

Recommended settings for common use cases

Silent background video (most visual impact)

Autoplay: on
Muted: on
Loop: on
Show Controls: off

Video with user control (visitors can play and unmute)

Autoplay: off
Muted: off
Loop: off
Show Controls: on

Auto-playing preview that visitors can interact with

Autoplay: on
Muted: on
Loop: on
Show Controls: on

Which components use video settings

Component	Platform	Plan required
Instagram Grid, Masonry, Slider (with Reels)	Instagram	Personal and above
YouTube Grid	YouTube	Free and above
YouTube Slider	YouTube	Personal and above