/

Documentation

/

Video

Video

The Video components let you embed high-quality, responsive videos seamlessly into your layout. Designed for performance and visual impact, it supports autoplay, looping, and cover thumbnails — making it ideal for product demos, hero sections, or storytelling moments across your site.

Video 16:9

Component

The 16:9 Video component is optimized for widescreen playback, maintaining a balanced aspect ratio across devices. It supports custom thumbnails, autoplay, mute, and loop options

Example

The video component is always an interesting choice for a SaaS website.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Video 1:1

Component
Component
Component

The 1:1 Video component offers a square aspect ratio that fits neatly into grid layouts, cards, or mobile-first designs. Ideal for social content, feature previews, or testimonials, it supports custom thumbnails, autoplay, mute, and loop — giving you flexible control over presentation while maintaining visual harmony.

Example

The video component is always an interesting choice for an agency website.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Summary

Video is a flexible Framer component built for startups, creators, and modern product sites. It includes multiple aspect ratios like 16:9 and 1:1, supports autoplay, loop, and custom thumbnails — making it easy to showcase demos, testimonials, or visual stories in a seamless and responsive way.

Create a free website with Framer, the website builder loved by startups, designers and agencies.