How to create a video background

An animated video background can add a nice visual effect to your page.

Everything starts with a nice video (.mp4) that you can use as an animated background. They're quite easy to Google and sometimes cost a bit of money. Or you can create one yourself in After Effects. Make sure it loops nicely, is not too big and has decent quality.

Once you have one add the Video component from the Insert menu. Select Upload and add your .mp4 file (50mb max). Then set play to on and mute the sound (so that autoplay works in most browsers). Finally you can lock the layer so that you can easily draw other contents on top.

https://beta.framer.com/projects/new?duplicate=wQnm93NIER1yskjoZ1RS


Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI