Skip to main content

Display Block

Michael Phillips
Updated

Display_Smartblock.png

The Display Block allows for additional customization of the SAM preview when it displays as an overlay on or below the video. These options can be used as an attention grabber for the viewer to engage with the SAM.

The Display Block can only be used as part of the SAM Overlay, and not as a Block within the SAM. 

Display_Block_2.jpg

  • Icon Size: Changes the size of the thumbnail overlay image. 30px - 120px range
  • Show Label: Optionally display the Preview Text entered at the top of the settings page and will display or not on or below the video.
  • Label Settings: 

Label_Settings.png

    • Text Color: Select color for the text that is displayed on the video. There are separate controls for the preview below the video.
    • Fonts: Select from one of 10 fonts:

Font_Selection.png

    • Style: Select between Bold, Italics, or Underline. 
    • Font Size: Slider to interactively select font size in the label.
    • Opacity: Slider to select the transparency of the title.
    • Label Background: Select the color of the backdrop behind the text.
    • Label Background: Select the opacity of the backdrop behind the text.
  • Show Countdown: This is an optional display of a border or ring on the thumbnail a ring starting at the 12:00 position and sweeping counter-clockwise to the 12:00 position. The duration is defined by its segment duration in the production. The countdown will be present each time the SAM is displayed until the viewer opens the SAM. After a SAM has been opened, the ring will not appear for that session.
  • Icon Animation: The thumbnail image can have different animations applied to grab the viewer's attention. Animations are active the entire time the preview is displayed. Options are:

Icon_Animation.png

  • Enter Animation: The preview overlay can be animated as it enters the video. Options include:

    Entrance_Animation.png
  • Exit Animation: The preview overlay can be animated as it exits the video. Options include:

Exit_animation.png

  • Animation Preview: The settings apply to both the preview on the video and below the video. The entrance and exit animations can be previewed by clicking the "Play Exit/Enter" button:

preview_animation.png

  • Under the Video:

Under_the_Video_Settings.png

    • Position Under Video: Changes the alignment of the thumbnail when it drops below the video to left, center, or right.
    • Background Color Under Video: Changes the color of the SAM preview when it displays below the video.
    • Label Text Color Under Video: Changes the color of the text in the  SAM preview when it displays below the video.
    • Show Separator Under Video: An option to display a vertical separator bar between the thumbnail image and the text in the preview when it displays below the video.
      • Separator Color: Change the color of the separator bar.

Comments

0 comments

Please sign in to leave a comment.

Powered by Zendesk