Teaser Image / Video

What is a teaser?

In Lively Blogs, teaser refers to the visual or multimedia component used as a preview for blogs and pages. It adds an engaging touch by supporting both images and video files, giving users more flexibility to showcase their content in dynamic and visually appealing ways.

How is a teaser chosen?

Lively Blogs follows a specific logic to select a teaser for your content. Here’s how it works, in order of priority:

Priority Level	Teaser	Details
1	Attachment with the 'teaser' label	Assign the label 'teaser' to a specific image or video to ensure it is always prioritized.
2	Header image	If there is no attachment labelled 'teaser', the header image of the blog or page will be used as the teaser.
3	Media from blog/page content	If neither a 'teaser'-labeled attachment nor a header image is available, the first supported image or video embedded in the blog or page is used.
4	No media found	If no images or videos are available, no teaser will be displayed.

Supported video formats

HTML specifications don’t enforce a standard for video/audio formats, so support may vary between browsers and devices. The most commonly supported formats are MP4, WebM, and OGG.

Tips for using your teasers effectively

To make the most of your teasers, follow these best practices:

Choose a relevant visual or video: A teaser should align with the blog/page content to set the right expectations for readers.
Optimize media for performance: Compress images and use videos with a reasonable file size to prevent slow loading times.
Consider accessibility: When uploading images, use descriptive file names. Lively Blogs uses the file name as the alt text for images. Alt text provides essential context for screen readers and improves the user experience for visually impaired readers (for example, instead of using IMG1234.png, use team-meeting-in-progress.png).

By understanding how teasers work and selecting the right visuals, you can make your feeds more engaging and professional!