Code
Snippet
/ 

Vimeo Video as Background

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Vimeo Video as Background

Use Vimeo as a performant option to create background videos behind content.

See an example of it in use on CodePen here: https://codepen.io/CoreyMoen/pen/WNxNgPj 

Note: you must have at least a Vimeo Pro account to be able to use the "?background=1" parameter that makes this work automatically with autoplay, but no audio or controls.

Tags

HTML
CSS
Video
Media
Custom Code

Industries

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
9.20.21

Similar items

Items
0
Layout
Grid View
Row View
Preview
↗

Advertise with No-Code Supply Co.

Promote your product (or yourself!) to our engaged audience looking for recommendations.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Artifact
Inspo
Website
/ 

Artifact

8.14.23
Creative, Agency, Portfolio, Webflow
Sundown Studios
Inspo
Website
/ 

Sundown Studios

8.11.23
Creative, Agency, Portfolio, Webflow, Jordon Gilroy
Sneaps
Tools
Utility
/ 

Sneaps

8.10.23
No-code, SEO, QA, Extending, Webflow
Hireguide
Inspo
Website
/ 

Hireguide

8.10.23
SAAS, HR, Marketing, Webflow
Splide
Code
Library
/ 

Splide

8.10.23
Javascript, Slider, Extending, CMS, Custom Code
Valori
Inspo
Website
/ 
Fonts

Valori

8.10.23
Creative, Fonts, Landing, Scrollytelling, Webflow
Webpills
Inspo
Website
/ 
Directory

Webpills

8.10.23
Creative, Gallery, Webflow
Jetboost List Update Function
Code
Snippet
/ 

Jetboost List Update Function

8.10.23
No-code, Extending, Javascript, Jetboost
Lattice
Inspo
Website
/ 

Lattice

8.9.23
HR, Marketing, Webflow
Vanta
Inspo
Website
/ 

Vanta

8.9.23
Security, SAAS, Marketing, Enterprise, Webflow, 8020
VICIO
Inspo
Website
/ 

VICIO

8.7.23
Food & Beverage, Scrollytelling, Marketing, Webflow
Intro to the Relume Site Builder
Learn
Video
/ 
Utility

Intro to the Relume Site Builder

8.7.23
AI, Website Builder, Wireframes, Components, Webflow, Figma, Relume
Gantry
Inspo
Website
/ 

Gantry

8.5.23
AI, Marketing, Analytics, Webflow, Mast
Pricer
Tools
App
/ 

Pricer

8.5.23
SAAS, Landing, Pricing, Webflow
Critical Danger
Inspo
Website
/ 

Critical Danger

8.5.23
Environment, Nonprofit, Scrollytelling, Ecommerce, Webflow, Somefolk
David Lee
Inspo
Website
/ 

David Lee

8.4.23
Creative, Personal, Portfolio, Webflow, Off Brand
Download all Webflow Redirects as CSV
Code
Snippet
/ 

Download all Webflow Redirects as CSV

8.4.23
No-code, Custom Code, Javascript, SEO, Webflow
Vidzflow
Tools
Utility
/ 

Vidzflow

8.3.23
No-code, Video, Hosting, Webflow
Interfacer
Inspo
Website
/ 

Interfacer

8.3.23
Agency, Framer
PACT
Inspo
Website
/ 

PACT

8.3.23
Creative, Agency, Portfolio, Webflow
Units
Inspo
Website
/ 

Units

8.3.23
Housing, Landing, Scrollytelling, Webflow
IKON Property
Inspo
Website
/ 

IKON Property

8.3.23
Housing, Real Estate, Marketing, Webflow
Ropes & Twines
Inspo
Website
/ 

Ropes & Twines

8.3.23
Restaurant, Marketing, Webflow
Off-Grid
Inspo
Website
/ 

Off-Grid

8.2.23
Creative, Framer
Essentials
Inspo
Website
/ 
Directory

Essentials

8.2.23
Creative, Fonts, Assets, Design System, Webflow
Covert CSS to Webflow Styles
Tools
Utility
/ 

Covert CSS to Webflow Styles

7.31.23
CSS, Automation, Webflow
MWM
Inspo
Website
/ 

MWM

7.31.23
AI, Creative, Landing, Webflow, También Studio
Framer Training
Learn
Course
/ 

Framer Training

$299
7.31.23
Creative, Education, Framer
Oyster
Inspo
Website
/ 

Oyster

7.27.23
HR, Marketing, Webflow
Curri
Inspo
Website
/ 

Curri

7.27.23
SAAS, Construction, Marketing, Webflow
Run Javascript on Mobile Only
Code
Snippet
/ 

Run Javascript on Mobile Only

7.25.23
Responsive, Javascript, Corey Moen
Vitor Orém
Inspo
Website
/ 

Vitor Orém

7.25.23
Creative, Personal, Portfolio, Webflow
FramerAuth
Tools
Utility
/ 

FramerAuth

7.24.23
No-code, Authentication, Framer
Framerave
Inspo
Website
/ 

Framerave

7.24.23
Creative, Portfolio, Framer
Cal.com
Tools
App
/ 

Cal.com

7.24.23
No-code, Project Management, Time
Freelance Things
Tools
Directory
/ 
Website

Freelance Things

7.24.23
Creative, Gallery, Webflow
Lollapalooza Paris
Inspo
Website
/ 

Lollapalooza Paris

7.21.23
Music, Landing, Webflow
Post Italic Type Foundry
Inspo
Website
/ 
Fonts

Post Italic Type Foundry

7.21.23
Creative, Education, Fonts, Gallery, Webflow
Keyframe
Inspo
Website
/ 

Keyframe

7.21.23
Creative, Motion Design, Agency, Portfolio, Landing, Animation, Webflow
Semplice
Tools
App
/ 

Semplice

7.20.23
Creative, Portfolio, Website Builder
Focal
Inspo
Website
/ 
App

Focal

7.20.23
Creative, Assets, Webflow
Solut
Inspo
Website
/ 

Solut

7.19.23
Health & Wellness, AI, Landing, Scrollytelling, Webflow
AI Takes Over
Inspo
Website
/ 

AI Takes Over

7.18.23
AI, Scrollytelling, Landing, Webflow
Federica Gandolfo
Inspo
Website
/ 

Federica Gandolfo

7.18.23
Creative, Personal, Portfolio, Webflow
Are you a Webflow Developer or a Webflow Implementer?
Learn
Article
/ 

Are you a Webflow Developer or a Webflow Implementer?

7.18.23
No-code, Workflow, Webflow
CourseOS
Tools
Template
/ 

CourseOS

$150
7.13.23
No-code, Education, Video, Gallery, Framer
Gil Huybrecht
Inspo
Website
/ 

Gil Huybrecht

7.13.23
Creative, Personal, Portfolio, Framer
Studio Kiln
Inspo
Website
/ 

Studio Kiln

7.13.23
Creative, Agency, Portfolio, Webflow
Ozero
Inspo
Website
/ 

Ozero

7.12.23
Creative, Agency, Portfolio, Webflow, Ozero
milli
Inspo
Website
/ 

milli

7.11.23
Creative, Agency, Webflow
Water Information Certification System DAO
Inspo
Website
/ 

Water Information Certification System DAO

7.11.23
Environment, Landing, Scrollytelling, Webflow
Wacomet
Inspo
Website
/ 

Wacomet

7.11.23
Environment, Landing, Scrollytelling, Webflow
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.