Discover the best vimeo websites created by professional designers. Get inspired and start planning your perfect vimeo web design today!

Jonas Arleth

From my Webflow online course community came the wish to build this video player, which basically runs in a loop without sound as a background video. 
If you click on on the unmute button, the video plays from the beginning and the sound is activated.  

We need a bit of custom jQuery code for this. In addition, the Vimeo API must be included if you want to address Vimeo iFrames.

Watch the tutorial here: https://youtu.be/mKFZxHpYGng

Vimeo Background Video with Play Sound Toggle

Emil Villumsen

I finally figured out how to get CMS video backgrounds that fill an entire container. 

Works with Webflow's own compressions as well (mp4 and webm).

I added Lazyload as well, so it only loads the video backgrounds on scroll.

Feel free to clone and ask questions in the comments.

cms-object-fit-video-background

ViDesigns

This video is hosted in Vimeo and fully customised on Webflow using Flowplay+. This has autoplay, muted and loop attributes added.

🚀 Flowplay+ - https://www.flowplay.io/

🚀 Flowplay - iPhone Player - Vimeo

Ditch the ugly Vimeo branding and replace it with your own custom style. All using just Webflow and attributes. NO coding required!

⚡️ Made using flowplay.io

🚀 Flowplay - Custom Vimeo Player

Noah Raskin

This project is built using Vimeo's API so we can create a nice video playlist that allows you to set a custom start point in the video when a user clicks on the play button. Even better, the videos are being pulled in via the Webflow CMS. 

This is great if you want a clean and fully custom video player for tutorials or anything like that. It does use custom Javascript, so you may want to poke around until you have a solid understanding of how everything works. This is probably not the simplest project for new Webflow users, but if you're feeling confident, then definitely go for it (it's not really that intense 😁).

CMS Vimeo Playlist

Stevie Griffin Design

Stevie's Workspace

Responsive, full-screen, Vimeo video embed

Change out the video link in the "video-embed" element nested in the "video-wrap" div 

Webflow's project preview likely isn't loading the iframe

background video embed

Meraki Ventures

Embed Vimeo videos in your projects and freely resize them, customize the player, or completely hide it without paying a subscription. Check the embed in the page and the code in the page settings to personalize it.

Author: https://codepen.io/henripeetsmann/pen/KpVVLq

••••••••••••••••••••••••••••••

𝗣𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲 𝗶𝘀 𝗮 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝗱𝗲𝘀𝗶𝗴𝗻 𝘀𝘁𝘂𝗱𝗶𝗼 𝘁𝗵𝗮𝘁 𝗰𝗿𝗲𝗮𝘁𝗲𝘀 𝗺𝗮𝗴𝗶𝗰 𝗳𝗼𝗿 𝗰𝗼𝗺𝗽𝗮𝗻𝗶𝗲𝘀 𝗮𝗻𝗱 𝗺𝗮𝗸𝗲𝗿𝘀 𝗮𝗿𝗼𝘂𝗻𝗱 𝘁𝗵𝗲 𝘄𝗼𝗿𝗹𝗱. 𝗖𝗼𝗻𝘁𝗮𝗰𝘁 𝗵𝗲𝗹𝗹𝗼@𝗽𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲.𝗰𝗼 𝗳𝗼𝗿 𝗶𝗻𝗾𝘂𝗶𝗿𝗶𝗲𝘀. 𝗜𝗳 𝘁𝗵𝗶𝘀 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗶𝗻𝘀𝗽𝗶𝗿𝗲𝗱 𝘆𝗼𝘂, 𝗽𝗹𝗲𝗮𝘀𝗲 𝗳𝗼𝗹𝗹𝗼𝘄 𝘂𝘀 𝗼𝗻 𝗪𝗲𝗯𝗳𝗹𝗼𝘄 𝗮𝗻𝗱 𝗯𝗲𝘆𝗼𝗻𝗱...

◉ 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 - www.protocore.co
◉ 𝗧𝘄𝗶𝘁𝘁𝗲𝗿 - www.twitter.com/theprotocore
◉ 𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺 - www.instagram.com/theprotocore

Vimeo Hack • Customize & Resize

Mark Noble

A showcase site for an advertising film production company in Munich, specializing in luxury car brands across all traditional and digital channels. The site brings their work front and centre, maximizing opportunities for the user to enjoy short film clips or dive deeper to view in full or discover directors.
**Make sure to hover and explore to see the custom cursor and video interactions**

Hochkant Film | Advertising Film Production

Saddle

If you've ever tried to add a background video to your website using Webflow's native solution, you might have run into some issues. The compression can often result in poor resolution, or worse, a slow-loading website due to the large file size. And adding background videos via CMS only really works with a Vimeo Pro account....

But fear not! Our former Webflow wizard, Artem, came up with an awesome workaround:  tool that can create Webflow-friendly Dropbox-links.

Be aware that Dropbox has a fair use policy and is not hosting in the true sense, links are bandwidth limited. We recommend to use this hack for small-scale websites and landing pages.

Just drop, copy, and paste the link, and voila! You've got yourself a magic solution for adding background videos to your website. We're always looking for ways to make our projects better and more user-friendly, and this is just one example of the creative problem-solving our team is capable of.



Dropbox Video to Webflow

Timothy Ricks

View docs at https://github.com/vimeo/player.js

Vimeo Video Player

Philipp Roth

This is how to use a Vimeo video as background video in Weblow. You can change the video easily within CMS (Editor).

vimeo-background-video

Gigantic

We make films that captivate viewers, shape our modern culture, and resonate for years to come. Explore the creativity of film, commercial, and new media.

Independent Media

Vibrand Design

Exclusive Webflow Cloneable for our supporters: 

A comparatively simple and visually appealing way to integrate GDPR-compliant videos from YouTube and Vimeo into your Webflow projects, using a uniform video player using Plyr JavaScript Library. 

To use the components in your own projects, please follow the instructions in the "How-To" section of the cloneable.

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon 👉 patreon.com/denniskarg 👈 or via Lemon Squeezy 👉 https://denniskarg.lemonsqueezy.com/checkout/buy/09ff7c89-cc78-43c7-8237-0995cdb03172 👈

Plyr Video Player for Webflow

Kvalifik

Kvalifik's Workspace

POST WORLD is a creative post-production company with some of the biggest brands in their portfolio, specializing in delivering high-quality visual effects, colour grading, sound and editing services for film, television, and commercial projects.

At Kvalifik we helped POST WORLD bring their brand to life on the web, balancing out playfulness and professionalism with big and bold in-your-face attitude. The result is a beautiful site decked out with micro-interactions, smooth scrolling animation, glowing 3D-lettering and a bit of static noise for that tactile feeling.

Note: Background video embeds don't work on Made in Webflow. Visit the site for the full experience.

POST WORLD

Ben Parker

This project shows how you can play and pause videos on click for Vimeo, YouTube, and Wistia! Now you can play and pause videos on events like modal open and close. 

video-play-pause-on-modal

Joseph Berry

Canopy creates award-winning marketing and communications content for leading brands and agencies.

This really simple and clean portfolio showcases the fantastic work they do.
Horizontal scrolling homepage.

Canopy Studio

Create stunning custom Vimeo players on Webflow with no-code!

👉🏽 Made using www.flowplay.io

🔥 Flowplay - Custom Vimeo Player

Bien Studio

As a digital creator, we're on a mission to build a better tomorrow for all people and the planet alike. With a particular interest in delivering thought provoking and actionable digital experiences, not built for the world we know today... but for the world we will meet tomorrow.

Bien Studio 2022

102976941

1038319252

gpt-4.1-nano

1070795817

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1138017326

claude-sonnet-4-5

1186914386

1274323923

140432223

1462086697

1506258256

1567550242

1592612642

1631162196

1714859914

1726628865

1733785607

173927913

1771795565

1863160016

1905118106

1975670756

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2167006968

2216482092

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2493307210

2546957535

2789269995

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

3070246498

307653616

3079159973

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3201643127

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

google/gemini-3-flash-preview

3590523401

3591394191

3669004489

3737116140

3801251705

3844506029

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Partner with Webflow to build your business alongside 2M+ creators and developers

Request access for your team to collaborate in a client’s Workspace.

Charge your client for a Site plan directly in Webflow.

Earn more by selling templates on the Marketplace.

Start building your site with AI, a prebuilt template, or from scratch.

Add your team members to start collaborating on sites.

Watch a quick intro to what you can build in Webflow.

3913199261

3934148661

3941255684

3951600357

3956476210

3960693283

3972857978

4063605209

4092855684

4103643638

4144203485

4178901499

4195171643

4206156914

451433404

489463363

504462606

536101258

540515386

612788821

655421556

657188092

660615456

665836192

737109165

772001133

817414265

846847440

879597835

882147072

911514507

938734410

968427424

1013057706

1045828939

104959118

1049811722

1087856901

1088396327

1106275794

1108325183

1131151533

1140906369

1157311889

1157563538

1178238107

1178621510

1193740135

1197475705

1216878544

1227154495

1234765101

1236803103

1238404733

1244315153

Best Vimeo Websites | Free Examples & Designs

Discover Vimeo websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Vimeo websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Vimeo websites
built by the Webflow community