Skip to content

Media:The formatter "Media detail view"

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

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.

From YouTube with an individual ID:100 years “Decker Pitter”

A special birthday at Cologne Cathedral
100 years “Decker Pitter”
May 5, 2023
3:41

The “Decke Pitter” – the Peter's Bell of Cologne Cathedral – celebrated its 100th birthday on May 5, 2023.

Available element settings

Allows to change the element layout using predefined CSS modifications.

Please note that a specific element may not support all listed modifications.

Controls how the key visual image is displayed.

Controls if and how the headline is displayed.

In addition to the display size the importance of the headline is relevant for search engines (SEO).

Allows to optionally display additional title fields, e.g. the intro field.

Controls whether, and if yes how the date is displayed.

Instead of the presets, you can also manually enter any format.

If you for example enter "EEE, dd-MM-yy", an output like "Sun, 01-10-17" is generated.

Detailed information about custom formats is available in the documentation about Java date formatting.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Adds an effect that is triggered if the mouse is moved over the element.

The effect is disabled for mobile devices.

Controls if elements can be directly placed in the attachment container on the detail page, or if a layout row must be placed first.

Place elements directly is easier to use, but limits the layout to a 'row 1 column (12 - full)'.

Place layout row first requires additional effort, but allows more flexible layouts using rows like '6 - 6' or '4 - 4 - 4'.

Controls if the preface text from this content is shown.
Controls if the text from this content is shown.

Controls if the copyright information for the media is displayed in the preview as an overlay.

Controls if the video is played directly without click on the preview image.

For services other than YouTube this may also have to be activated in the embed code.