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

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:

  1. 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.
  1. 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.
  1. 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".)
  1. 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.)
  1. 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:

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