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 Gallery to Your Website

      Video Galleries grant you the option to add multiple videos on one page, in a pleasing manner. You can add a Video Gallery block using the steps below. Select CONTENT at the top of the page. From the Content panel, select the Page where you'd like to ...
    • Video Integrations/Add video to your website

      You can embed YouTube, Vimeo, and Kickstarter videos into your liveBooks website. YouTube Embedding Youtube videos is a great way to instantly provide video content to your visitors. In order to embed a Youtube video, follow these steps: 1. Navigate ...
    • 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 ...