2.1.5: Video Teaser creation - NEW

The Video Teaser feature has been updated and is now a combination of the former video upload (now [DEPRECATED] video”) and the actual “Video Teaser” module.

With this combination you benefit from all new features no matter which option you choose, a video or a video teaser.

Open

Example of a Video Teaser, One Fourth

Open

Example of a Video Teaser, One Fourth Opened in a Modal

Create a Video Teaser entry

• Start by accessing the "Video Teaser" Content Type, available in 1: Create a Web Page - Content Options - Video Teaser.

• Create a new entry within the Content Type for each Video Teaser Group (Think in Sections).

• Then click on “Add a group entry” to start the first instance to which you add videos or teasers.

Prepare or modify Video Teaser content

In Contentstack choose Content Options / Video Teaser to start.

1. Internal name: Always choose an internal name which allows you to quickly find it when you add it to your content block (see 2.1.5: Video Teaser creation - NEW | Adding Video Teasers to Content Blocks below)

2. Display type: Here you choose between Video teaser (Default) an Video.
   Most of the following fields are relevant for Video teaser only as they refer to additional teaser content.

3. Headline Title H3: (required) Provide a catchy headline for your Video Teaser, which displayed in the teaser. It is a SEO relevant headlines.
   This required field is relevant for Video teaser only, but for technical reasons you have to fill it for Video, too. For Video it will not be displayed anywhere

4. Intro/Teaser: (optional) Write a brief introduction that entices users to watch the video.

5. File: Add videos using one of three methods: upload from local assets (preferably in MP4 format), choose from FA YouTube Channels, or use a direct link to an external YouTube channel.
   If you choose YouTube videos, please be aware that users would see them only after they accepted functional cookies. Users can either do it in the Cookies banner, but also by clicking on the video teaser.

6. Thumbnail (Use it only if it’s necessary): Add an image that gives a hint that a video is behind.
   It will overlay the video and clicking it reveals and plays the video. Please use it cautiously.

7. Display Size: Select from different sizes (1/4, 1/3, 1/2, Full) to determine how the Video Teaser will be displayed.
   Combine videos together and create sections in a content block. The more videos you want to show in one section, the smaller the size to choose (1/4, 1/4, 1/4, 1/4). To enlarge videos keep “Open in a Modal” activated.

8. Display Centrally: If selected, Video Teaser or Video will be displayed centrally using a 2/3 size, no matter which Display Size had been selected.
   Recommended feature for Video.

9. Autoplay: Decide whether the video should autoplay when users hover over the teaser.

10. Open in a Modal: Activated as Default. The video opens in a modal. You an deactive it, e.g for full-size videos or videos displayed centrally.

11. Video Date: Optional for Video Teaser, e.g. to provide video creation date.

12. Video Language: Optional for Video Teaser, e.g. to provide the language of the video.

13. Video Tags: Optional for Video Teaser. For each tag the "#" is automatically added on the web page. Add more tags via the "+" button.

Add Video Teasers to Content Blocks

• Navigate to the Content Block where you want to insert a Video Teaser.

• Choose the "Video Teaser" Module and reference the desired entry.