Media

Media element displays Vimeo video, Youtube video, Self hosted video or audio, HTML5 video or audio, iframe or embed within customizable container

Media element displays Vimeo video, Youtube video, Self hosted video or audio, HTML5 video or audio, iframe or embed within customizable container. Element popup contains following options;

Layout tab

  1. Holder box style  -  Adjust .thz-media-item-container box style.
  2. Media box style  -  Adjust .thz-media-item-media box style.
  3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Media box tab

  1. Media poster  -  Activate media poster. See help for more info. If this option is inactive, media loads on pageload and increases page load time. This option adds a preview poster which than activates the media on click.
  2. Image size  -  Select the poster image size.
  3. Poster grayscale  -  Add grayscale effect to media poster.
  4. Media container height  -  Set media container height.
  5. Animate media  -  Add animation to the media HTML container.

Media tab

  1. Media Type  -  Select media type.
  2. Poster image  -  Insert a poster image for this media.

Media overlay tab

  1. Overlay display mode  -  Select overlay display mode.
  2. Media overlay effect  -  Select media overlay hover effect and duration.
  3. Media overlay background  -  Set media overlay background.
  4. Media image effect  -  Select media image hover effect and duration.
  5. Media overlay distance  -  Distance the media overlay from media box edges.
  6. Overlay icon metrics  -  Adjust overlay icon metrics.