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
Featured
Preview
↗

Collaborate on designs and website review

Lucidly is a proofing tool that makes it easy to comment, review, and collaborate on any website or design asset. Streamline your feedback with fast navigation and organized Kanban views.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
The State of Conversational Commerce
Inspo
Website
/ 

The State of Conversational Commerce

3.16.22
Creative, Scrollytelling, Webflow
Dippies
Inspo
Website
/ 

Dippies

3.3.22
NFT, Web3, Landing, Webflow
Apex Transformations
Inspo
Website
/ 

Apex Transformations

3.3.22
Construction, Industrial, Marketing, Webflow
OnTrend
Inspo
Website
/ 

OnTrend

3.3.22
Web3, Crypto, Landing, Webflow
A Designers Guide to Javascript
Learn
Article
/ 

A Designers Guide to Javascript

3.3.22
Custom Code, How To
Product School | 2022 Report
Inspo
Website
/ 

Product School | 2022 Report

3.2.22
Education, Landing, Scrollytelling, Webflow
NuCode
Tools
Directory
/ 

NuCode

3.1.22
No-code, Mobile Apps, Web Apps, Gallery
Violet
Inspo
Website
/ 

Violet

3.1.22
Health & Wellness, Landing, Scrollytelling, Webflow
ThreeSixtyEight
Inspo
Website
/ 

ThreeSixtyEight

2.25.22
Creative, Landing, Webflow
Earn for your writing
Inspo
Website
/ 

Earn for your writing

2.24.22
Creative, Landing, Webflow
STADIO
Inspo
Website
/ 

STADIO

2.19.22
Web3, Crypto, Landing, Webflow
Folklore
Inspo
Website
/ 

Folklore

2.19.22
Financial, Landing, Webflow, Flow Ninja
SEEN
Inspo
Website
/ 

SEEN

2.19.22
Creative, Marketing, Webflow
Failure Inc.
Inspo
Website
/ 

Failure Inc.

2.19.22
Technology, Landing, Webflow
Reload Motors
Inspo
Website
/ 

Reload Motors

2.19.22
Transportation, Marketing, Webflow
Neural Concept
Inspo
Website
/ 

Neural Concept

2.19.22
Engineering, Technology, Marketing, Webflow
Add Commas to Numbers
Code
Snippet
/ 

Add Commas to Numbers

2.19.22
Javascript, Number, Corey Moen
Round Number to Nearest Integer
Code
Snippet
/ 

Round Number to Nearest Integer

2.19.22
Javascript, Number, Corey Moen
Set Text From URL Parameters
Code
Snippet
/ 

Set Text From URL Parameters

2.19.22
Javascript, Set, URL, Get UTM Parameter Source From URL, Redirect Form on Submit and Pass Input Value to URL, Corey Moen
Custom Text Underline Offset, Size and Color
Code
Snippet
/ 

Custom Text Underline Offset, Size and Color

2.19.22
CSS, Aesthetic
Philosophical Foxes
Inspo
Website
/ 

Philosophical Foxes

2.18.22
Web3, Crypto, Landing, Scrollytelling, Webflow
No Pitch Club
Inspo
Website
/ 

No Pitch Club

2.17.22
Creative, Scrollytelling, Webflow
Behold
Inspo
Website
/ 

Behold

2.16.22
Creative, Technology, Landing, Webflow
Bar Leon
Inspo
Website
/ 

Bar Leon

2.11.22
Restaurant, Landing, Webflow
Love Coupon
Inspo
Website
/ 

Love Coupon

2.11.22
Dating, Entertainment, Landing, Utility, Webflow
Prevent Body Scroll on Click
Code
Snippet
/ 

Prevent Body Scroll on Click

2.11.22
Javascript, Click, Scroll, Corey Moen
Telehealth Equity Coalition
Inspo
Website
/ 

Telehealth Equity Coalition

2.10.22
Health & Wellness, Landing, Webflow
Thursday
Inspo
Website
/ 

Thursday

2.9.22
Dating, Entertainment, Events, Landing, Marketing, Webflow
Walker Reed
Inspo
Website
/ 

Walker Reed

2.7.22
Portfolio, Personal, Webflow
Finsweet Client-first
Tools
Framework
/ 

Finsweet Client-first

2.3.22
How To, Resource
Knockout
Tools
Framework
/ 

Knockout

2.3.22
How To, Resource
Narmi
Inspo
Website
/ 

Narmi

2.3.22
Financial, SAAS, Marketing, Webflow
Waldo
Inspo
Website
/ 

Waldo

2.3.22
SAAS, Marketing, Webflow
The Nifty Portal
Inspo
Website
/ 

The Nifty Portal

2.3.22
Web3, Crypto, Landing, Webflow
No-Code Devs
Tools
Directory
/ 

No-Code Devs

2.1.22
No-code, Gallery
Octi
Inspo
Website
/ 

Octi

2.1.22
Web3, Crypto, Landing, Webflow
24th and Meatballs
Inspo
Website
/ 

24th and Meatballs

2.1.22
Restaurant, Landing, Webflow
Babyrace
Inspo
Website
/ 

Babyrace

1.31.22
Creative, Gaming, Game, Webflow
WeBlocks
Tools
Utility
/ 

WeBlocks

1.30.22
No-code, Extending, Custom Code, Javascript, Webflow
Sam Schwinghamer
Inspo
Website
/ 

Sam Schwinghamer

1.28.22
Portfolio, Personal, Webflow
First Resonance
Inspo
Website
/ 

First Resonance

1.28.22
Engineering, Industrial, Technology, Marketing, Webflow
Brand Site Design
Inspo
Website
/ 

Brand Site Design

1.28.22
Creative, Gallery, Webflow
Logo To Use
Inspo
Website
/ 

Logo To Use

1.28.22
Creative, Gallery, Utility, Webflow
Fungi Dube
Inspo
Website
/ 

Fungi Dube

1.28.22
Portfolio, Personal, Webflow
Trainual
Inspo
Website
/ 

Trainual

1.27.22
HR, Technology, Marketing, Webflow
Amélie Haeck
Inspo
Website
/ 

Amélie Haeck

1.27.22
Creative, Motion Design, Portfolio, Personal, Webflow
Muhammad Ukasha
Inspo
Website
/ 

Muhammad Ukasha

1.27.22
Portfolio, Personal, Webflow
Teamway
Inspo
Website
/ 

Teamway

1.26.22
HR, SAAS, Marketing, Webflow
2021 Year in Review | AngelList Venture
Inspo
Website
/ 

2021 Year in Review | AngelList Venture

1.25.22
Financial, SAAS, Landing, Scrollytelling, Webflow
worklife.
Inspo
Website
/ 

worklife.

1.25.22
Financial, SAAS, Marketing, Portfolio, Webflow
Circular Digital
Inspo
Website
/ 

Circular Digital

1.25.22
Creative, Portfolio, Agency, Webflow
Primary
Inspo
Website
/ 

Primary

1.25.22
SAAS, Technology, Gallery, 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.