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
- Holder box style - Adjust .thz-media-item-container box style.
- Media box style - Adjust .thz-media-item-media box style.
- Container metrics - Add custom class or ID to HTML container and adjust visibility on specific devices.
Media box tab
- 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.
- Image size - Select the poster image size.
- Poster grayscale - Add grayscale effect to media poster.
- Media container height - Set media container height.
- Animate media - Add animation to the media HTML container.
Media tab
- Media Type - Select media type.
- Poster image - Insert a poster image for this media.
Media overlay tab
- Overlay display mode - Select overlay display mode.
- Media overlay effect - Select media overlay hover effect and duration.
- Media overlay background - Set media overlay background.
- Media image effect - Select media image hover effect and duration.
- Media overlay distance - Distance the media overlay from media box edges.
- Overlay icon metrics - Adjust overlay icon metrics.