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

    • 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. ...

    • Adjust the Output Sizing of a Video Gallery

      1) Set the Type to Stack. 2) Set the Click Action to Play in place 3) Under Videos, click the Width option and set the size needed. For example, 1000px 4. Click Save and Publish.

    • Expand Video to Fill Window

      Sometimes, you may want to have a video expand to fill the enter length of the website. This is quite simple and can be done easily! To do this: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to add the ...

    • Position Video with Text or Content

      You may have inserted a Video block on your page but need to place content around the video player, see below on how to style and place your content around the video. 1. To place text content around your video, use the Title and Description fields in ...

    • 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 ...