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:
- 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 thetitle=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?