Vimeo Video Thumbnails Not Working

Vimeo Video Thumbnails Not Working

If you have uploaded videos from Vimeo into a Video Gallery block and the thumbnails are displaying a "rainbow" of vertical lines (see screenshot below), it means that your Vimeo account has updated its API connection. When this connection is updated, it can sometimes prevent your video thumbnails from appearing on your website.

Screen_Shot_2021-09-23_at_4.37.39_PM.png

 

There are two options to fix this:

  1. You can choose a custom thumbnail from your Image Library.
  2. Re-add the video to the Video Gallery block, then delete the existing video.

 

Solution #1: Add a Custom Thumbnail

  1. Navigate to the affected page within the CONTENT panel.
  2. Scroll down until you reach the Video Gallery block containing the affected videos.
  3. Click directly on the video thumbnail. Your Image Library will pop up. You can select an existing image from your library, or upload a brand new one.

    Screen_Shot_2021-09-23_at_5.48.15_PM.png

 

Solution #2: Re-Add the Video

  1. Navigate to the affected page within the CONTENT panel.
  2. Scroll down until you reach the Video Gallery block containing the affected videos. Click on the "pencil" icon next to a video to open its settings.
    Screen_Shot_2021-09-23_at_4.31.41_PM.png
  3. On the pop-up that appears, highlight the Video URL, then COPY the URL. Close out the window.
    Screen_Shot_2021-09-23_at_4.32.26_PM.png
  4. At the top of the Video Gallery block, select Add Video. PASTE the URL that you copied into the empty field. The video, its correct thumbnail, and the Title and Description from Vimeo will populate.
    Note: Since the auto-populated Title and Description are populated directly from your video page on Vimeo, you can click the "pencil" icon to change them.
    Screen_Shot_2021-09-23_at_4.32.48_PM.png
  5. Finally, delete the video with the incorrect thumbnail by clicking the "trash can" icon beside it.
    Screen_Shot_2021-09-23_at_4.33.49_PM.png
    • Related Articles

    • Style Your Video Gallery Block

      Stylizing your video gallery block is quite simple, and can be done through the Design tool. 1. Select the Design tab in the gray navigation bar and select the Page title that your video gallery is on. 2. Select the Page tab on the right-hand ...
    • Add a Video to Your Website

      You can add video content to your website by embedding a video that's been uploaded to a third-party site like YouTube or Vimeo. This guide covers both options. Option 1: Add a Vimeo Video Navigate to the Vimeo video you want to add to your website. ...
    • Set Video to Autoplay

      You can easily trigger a YouTube or Vimeo video to automatically play when a user lands on your site. Before you add an autoplay video on your website, there are two things to keep in mind: The autoplay feature does not work on mobile or tablet ...
    • Expand Video to Fill Window

      Sometimes, you may want to have a video expand to fill the entire width of the website. To do this: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to add the video to. 2. Add a Video block or Video Gallery ...
    • Optimize a Video for the Web

      Optimizing the encoding of your video will help to display the best quality of your video and allow your viewers to have the smoothest playback. These links are helpful guides if you are looking to export your encoded video to the optimum setting for ...