How can I make a Vimeo video on my Webflow site loop and prevent the "more from [author]" screen from appearing at the end?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To make a Vimeo video on your Webflow site loop and prevent the "more from [author]" screen from appearing at the end, you can follow these steps:

Add a Vimeo video to your Webflow site :

Login to your Vimeo account and locate the video you want to embed on your Webflow site.
Click on the video and navigate to the "Share" button.
Copy the embed code provided by Vimeo.

Embed the Vimeo video into your Webflow site :

Open your Webflow project and go to the page where you want to add the video.
Drag and drop an Embed element onto the page where you want the video to appear.
Paste the Vimeo embed code into the Embed element's HTML embed code field.

Configure the Vimeo video settings :

Open the Embed element's settings by clicking on it.
In the settings panel that appears, scroll down to the "Embed" section.
Locate the src attribute in the embed code and add the following parameter:
loop=1&autoplay=1&title=0&byline=0&portrait=0&player_id=myPlayerID
(Replace "myPlayerID" with a unique ID for the player, e.g., "vimeoPlayer".)

Hide the "More from [author]" screen :

To prevent the "more from [author]" screen from appearing at the end of the video, append &outro=nothing to the Vimeo embed code.
(Make sure to add it after the title=0&byline=0&portrait=0 parameters.)

Customize the video player styles :

To customize the appearance of the Vimeo video player, you can add CSS styling to the Embed element or create a class for it.
Use Webflow's Designer interface to customize the dimensions, positioning, colors, and other visual aspects of the video player to fit your site's design.

By following these steps, you can make a Vimeo video on your Webflow site loop continuously and prevent the "more from [author]" screen from being displayed at the end.

Additional Questions:

How do I add a Vimeo video to my Webflow site?
Can I customize the appearance of the Vimeo video player on my Webflow site?
What parameters can I add to the Vimeo embed code to customize the video playback on my Webflow site?

How can I create a button for each category selected in a multi-reference field in Webflow that allows me to filter by category?

Can you suggest a solution for alternating flex rows in Webflow?

What is a flash of unstyled content and how can it be fixed in Webflow?

How can I center buttons within a style guide on a Webflow template without adjusting pixels?

How can I create an anchor link in Webflow that jumps to the top of a section, hiding the previous section?

How can I display only 3 products at a time in my carousel style product section in Webflow without cutting off the others at the sides? How can I make the arrows in my carousel function as navigation buttons to click through the options in Webflow?

How can I list only the items that belong to a specific subcategory in Webflow?

How can I make a section in Webflow stop at the top of the screen when scrolling?

Is it possible to change non background images at different breakpoints in Webflow?

Can you recommend any resources or tutorials for creating a horizontal bar with a trigger that can be moved from side to side, and triggers an interaction in the content on a website, similar to the example provided?