How can I hide the video controls for a Vimeo video on my Webflow site?

TL;DR
  • Adjust Vimeo's iframe embed code by appending ?controls=0 to the URL, then embed it in Webflow using the Embed element.

To hide the video controls for a Vimeo video on your Webflow site, you can adjust the video embed code to customize the video player according to your needs.

​

1. Get the Vimeo Embed Code

  • Go to Vimeo and locate the video you want to embed on your Webflow site.
  • Click on the Share button (usually an arrow icon) on the Vimeo video page.
  • Copy the embed code provided in the iframe format.

​

2. Customize the Embed Code

  • Modify the embed code by adding ?controls=0 to the Vimeo URL within the iframe. This query parameter will help hide the player controls when the video is embedded.
  • Example: Change https://player.vimeo.com/video/123456789 to https://player.vimeo.com/video/123456789?controls=0.

​

3. Embed the Video in Webflow

  • Open your Webflow project and navigate to the page where you want to add the video.
  • Use the Embed element to paste the customized iframe code into your Webflow page.
  • Ensure that it displays correctly in your Webflow designer and adjust as necessary.

​

Summary

To hide Vimeo video controls on a Webflow site, adjust the iframe embed code by adding ?controls=0 to the Vimeo URL, then embed this modified code into your Webflow project using the Embed element.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I make changes to a cloned map in Webflow and ensure it still functions properly?
Is there a native app or plugin available in Webflow for embedding Instagram feeds above the footer of a website, without having to rely on third-party tools?
How can I auto start and loop a YouTube video in Webflow without the play button?
Can I add a down arrow within a text link in Webflow instead of using an image?
Can I create two distinct event sub-sites within a single plan on Webflow with separate navigation menus, branding, and domain redirects? How should I approach planning for these differentiators?
How can I read specific data from a Webflow collection item using custom code in JavaScript, when there are multiple rows with repeated buttons on the page?
How can I fix the issue of the scrollbar line not being displayed on iOS devices for the horizontal scroll gallery on my Webflow site?
How can a CMS site in Webflow be exported as a static site?
Why does Webflow show a "failed to upload background video" error message and how can I resolve it?
How can I integrate my website page with my Twitter account using Webflow?
How can I correctly connect a specific form to an ebook collection item in Webflow in order to send the user an email with the correct pdf link after submitting the form?
How can I create a dynamic drop-down filter for a CMS list in Webflow, similar to the one on this website? Thanks!
What are the powerful features of using Webflow CMS for creating a tutorial website?
What could be causing the animation issue with the images in Webflow on mobile (portrait) devices?
How do I fix the "403 restricted error" with the "openresty" message when trying to visit a friends' site on a custom domain linked through Webflow?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?