Thumbnail Support for Videos thumbnail-support-videos

Introduction introduction

A Content Author can define a thumbnail for videos so that the image is used as a placeholder. It can properly test content playback and targeting, while the appropriate team finalizes the actual video. The image can also be used in case the playback of the video fails.

Adding support for a thumbnail image on the video component lets the customer properly add a valid component in the channel, with actual content, and perform any targeting configurations before the video is delivered.

The thumbnail image, if set on the video component, is played if there is video playback failure on the player. This fallback lets you deliver the desired message to the audience (by playing content) instead of completely skipping it.

Thumbnail Support lets you:

  • Prepare a channel experience when the videos are not yet ready, or when you do not necessarily want to test a large asset download on the players

  • Set a fallback mechanism, in case there are playback issues on the device.

Using Thumbnails in Videos using-thumbnails

Follow the steps below to use a thumbnail in videos:

  1. Navigate to an existing AEM Screens channel or create a channel.

  2. Click the channel and click Edit from the action bar.


  3. Add or edit an existing video component, as shown in the figure below.


  4. Click the video and click the wrench icon.


  5. The Video dialog box opens where you can view the Thumbnail drop zone.


  6. Drag and drop an image from the asset picker to the Thumbnail drop zone and click Done.


  7. Click Preview.

  8. If a video is set on the component, the video plays. If not, and the thumbnail is set, then the thumbnail plays. Otherwise, the component is considered not configured and is skipped.

Supported Use Cases while using Thumbnail in Videos understand-use-case

Thumbnail in videos supports the following use cases:

  • A video component with nothing setup is skipped.

  • A video component with only the thumbnail set plays the thumbnail.

  • A video component with both the video (if the video has correct rendition) and thumbnail set plays the video.

  • A video component with the video set plays the thumbnail, if there is a playback error, or skips to the next item in case the thumbnail is not configured.