Skip to content

Media

The media element allows the integration of videos or audios from external providers like e.g. YouTube or SoundCloud.

The available formatters are able to display a player including preview image and additional metadata such as content information or copyright information.

A player including preview image is displayed for media. Additional texts and metadata such as length or copyright can also be shown.

Media elements can be dragged directly onto a page or used in lists.

External providers generally use cookies when media is integrated into a website. The media element is therefore protected by the cookie banner: if a website visitor has rejected cookies, a reference to the external content appears instead of the video or audio.

This element sets cookies in the “External Content” group.

This element uses JavaScript from external servers.

The execution of YouTube media is controlled by the cookie banner. The videos will therefore NOT be displayed if the web user has not consented to external cookies.

Cookies are set when loading media via YouTube. These may include tracking functions for the web user. YouTube is part of the Google group.

External JavaScript files are loaded from YouTube/Google servers for this element. These are executed in the context of the page. This theoretically enables extensive tracking of the web user's activities on the displayed page. The extent to which the external JavaScript is actually used for tracking is not known.

When a page with media content from YouTube is initially loaded, no code from YouTube is executed. Instead, a preview image is displayed. Exception: In the detail view, an “Autoplay” option can be activated.

The preview image can be your own image or automatically loaded from the YouTube server.

If the image is loaded from the YouTube server, this could be relevant for the web user's data protection. To load the image, a connection to the YouTube server is established, which could theoretically be used to track the web user's activities on the displayed page. The extent to which this connection is actually used for tracking is unknown. 

If your own preview image is used, no data is transferred to Google when the page is loaded.

Only when the web user clicks on the preview is the external media content activated.

When embedding YouTube media, the embed code with YouTube's extended data protection mode is used, see https://support.google.com/youtube/answer/171780?hl=en

Quote from the above mentioned website:

The Privacy Enhanced Mode of the YouTube embedded player prevents the use of views of embedded YouTube content from influencing the viewer’s browsing experience on YouTube. This means that the view of a video shown in the Privacy Enhanced Mode of the embedded player will not be used to personalize the YouTube browsing experience, either within your Privacy Enhanced Mode embedded player or in the viewer’s subsequent YouTube viewing experience.

If ads are served on a video shown in the Privacy Enhanced Mode of the embedded player, those ads will likewise be non-personalized. In addition, the view of a video shown in the Privacy Enhanced Mode of the embedded player will not be used to personalize advertising shown to the viewer outside of your site or app.

This element probably sets cookies in the “External Content” group.

This element probably uses JavaScript from external servers.

The execution of the media is controlled by the cookie banner. The media will therefore NOT be displayed if the web user has not consented to external cookies.

Cookies may be set when loading media via flexible content with embed code. These may include tracking functions for the web user. Whether cookies are actually set depends on the embed code used.

External JavaScript files from third-party servers may be loaded for this element. These are executed in the context of the page. This theoretically enables extensive tracking of the web user's activities on the displayed page. Whether JavaScript is actually loaded and whether it is used for tracking depends on the embed code used.

When a page with media content is initially loaded, the embed code is usually not yet executed. Instead, a preview image is displayed. Exception: In the detail view, an “Autoplay” option can be activated. 

Therefore, no data is transferred to external servers when the page is loaded. Only when the web user clicks on the preview the external media content is activated.

100 years “Decker Pitter”

100 years “Decker Pitter”
3:41
Beispielhaftes Video von YouTube, ausgegeben mit dem Formatter "Medien Detailansicht".

The detail view shows the entire content including all images and text paragraphs. The output can be extensively customized using the element settings.

The detail view is usually intended for use on a detail page, as the target of the link of an teaser in a list.

The elaborate teaser shows a shortened version of the content with an image and a text excerpt. Additionally it creates a link to the detail view of the content.

This teaser is intended for use in a list, but it can also be used directly on a page.

The compact teaser shows a shortened version of the content with a text excerpt. An image is not displayed. Additionally it creates a link to the detail view of the content.

This teaser is intended for use in a list, but it can also be used directly on a page.

The text tile teaser shows a shortened version of the content. Despite its name, the teaser can also display an image in addition to the text. Additionally it creates a link to the detail view of the content.

On larger screens, the elements in the list are arranged in several columns next to each other and rows below each other. All elements in a line are displayed with the same height.

This teaser can only be used in a list.

The masonry teaser displays a shortened version of the content with an image and a text excerpt. In addition, a link to the detail view of the content is created.

On larger screens, the elements of the list are displayed in several columns next to each other. The elements are automatically "fitted" optimally next to each other like bricks in a wall, even if they have different heights.

This teaser can only be used in a list.

The image tile teaser displays a shortened version of the content with a prominent image and a text excerpt that lies on top of the image. In addition, a link to the detail view of the content is generated.

The teaser items can be arranged next to each other in the list like tiles, where the image format set defines the size of the teaser item.

This teaser can only be used in a list.

The accordion teaser displays the content in the form of an accordiont that is automatically generated by the list.

A special feature of accordion lists is that they do NOT link to a detail view, as all essential information of the content is already displayed in the accordion.

This teaser can only be used in a static list.

The blog teaser presents the content with a prominent image and one or more paragraphs in a format specially optimized for blogs. A link to the detail view of the content is also generated.

This teaser can only be used in a list.

This particular form of detail view displays the content in a format that is highly optimized for blogs.

A specially configured blog detail page is required for use. This formatter CANNOT be used directly on a page.

This teaser prepares the content for the news sitemap.

This formatter is only for use in the dynamic function Storyteller.