CommonSpot: How to style a video thumbnail image

How to style a video thumbnail image

This tutorial is on styling image links with a play button overlay.

  1. Create a Single Image Element (without header)
    Single Image Element


  2. Define Single Image Data. Make sure to include a link to the video.
    Define Single Image


  3. Style the Single Image Element (Note: If you don't not see the Style option, you may need to be granted additional account privileges.)
    Style Element


  4. Edit the style for the Image Element Component
    Element Style Select


  5. Check the Style for "Video Thumbnail Overlay" and hit Save.
    Video Thumbnail Overlay Style


  6. Hit close and the styling should now be applied.
    Video Thumbnail Completed


Keywords:
commonspot, video, thumbnail 
Doc ID:
77734
Owned by:
Matthew G. in UW Parkside
Created:
2017-10-30
Updated:
2022-12-30
Sites:
UW Parkside