Define a video thumbnail

What's inside this article:

• Basic information
• Use a video frame as the thumbnail
• Use the website teaser image as the thumbnail
• Upload an image to use as the thumbnail
• Select a custom website teaser image
• Select a custom social media image

Basic information

The video thumbnail is displayed in the video player before the video is played.

After you upload a video file to Pangea CMS, the following options are available to define the video thumbnail:

• Use a video frame as the thumbnail
• Use the website teaser image as the thumbnail
• Upload an image to use as the thumbnail

Use a video frame as the thumbnail

You can use a frame from the video file as the thumbnail.

Follow these steps:

1. Under Thumbnail, select Video frame.
2. Under Video frame, manually enter the timepoint for your preferred video frame. Use the format HH:mm:ss.fff.

The defined frame is now visible under Preview.

You can change the frame that is visible under Preview using the player controls. However, this action does not change the thumbnail. To change the thumbnail, you need to manually enter a different timepoint under Video frame.

Use the website teaser image as the thumbnail

NOTE: The steps below assume that the image you want to use as the thumbnail has already been uploaded to Pangea CMS.

You can use the horizontal website teaser image as the thumbnail.

Follow these steps:

1. Under Thumbnail, select Website teaser.

   

2. Go the Website teaser in the left panel.

   

3. Under Horizontal image, select Add image.

   

4. Search for and select the image you want to use.

When you return to Video, the selected image is now visible under Preview.

Upload an image to use as the thumbnail

You can quickly upload an image from your device to use as the thumbnail. When you use this option, it is not necessary to manually provide the image metadata (such as the Source and Caption).

Follow these steps:

1. Under Thumbnail, select Upload image.
2. Hit the Upload image button.
3. Perform either action below:
   • Drag and drop the image file into the box.
   • Hit Browse files and navigate to the location on your device where the image is saved. Select the image.

The selected image is now visible under Preview.

The selected image is also added automatically as the horizontal website teaser image via Website teaser > Horizontal image.

The selected image will be uploaded automatically to Pangea CMS after you save or publish the video. The uploaded image will not be searchable in CMS and will not be useable on other pages.

Select a custom website teaser image

The website teaser image for a video is displayed in the preview when the video page is promoted on the public site (for example, in the search results and on widgets).

By default, the thumbnail for a video is used as the website teaser image. Optionally, select a custom website teaser image. Follow these steps:

1. Go to Website teaser.
2. Select your preferred image under Horizontal image and Vertical image.

For detailed information about website teaser settings, see the following article:

• Customize the website teaser for a content page

Select a custom social media image

The social media image for a video has two possible purposes:

• When the video is shared via social media, the social media image is displayed in the preview. This applies on social media platforms and messaging apps that support Open Graph metadata.
• If your service uses the Multimedia distribution tool in Pangea CMS to send on-demand videos to YouTube, the social media image is displayed as the default teaser image in your YouTube account.

By default, the thumbnail for a video is used as the social media image. Optionally, select a custom social media image. The social media image is defined as follows (if 1 is not filled, the data is taken from 2):

1. Social media > Image
2. Website teaser > Horizontal image

If neither of the above fields is filled, the thumbnail is used as the social media image.