Video (03_02)

The “Video” module is used on detail pages to show videos.

It consists of a video, an optional caption, and a lightbox that opens when clicked and in which the video is played. The video itself is hosted on YouTube, MovingImage or Vimeo.

Example page view

The module is marked in orange

Video: Module view

Videos in the margin column

This is how the module works

The module consists of the following components:
1. Headlineoptional
2. VideoVideo ID from YouTube, MovingImage or Vimeo
Description of the videooptional
Lightbox optionVideo can be played in a lightbox
ThumbnailCropped image: width 335 px or width 450 px for mobile view

Note: The play button is automatically positioned on the thumbnail.

This is how the module works

The module consists of the following components:
1. Headlineoptional
2. VideoVideo ID from YouTube, MovingImage or Vimeo
Description of the videooptional
Lightbox optionVideo can be played in a lightbox
ThumbnailCropped image: width 335 px or width 450 px for mobile view

Note: The play button is automatically positioned on the thumbnail.

The module can be used in the following templates and page areas:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
The blue area indicates that the module is applicable in this content area.

Dimensioned screenshots

Video: Dimensioning Desktop
Desktop
Video: Dimensioning Tablet
Tablet
Video: Dimensioning Mobile
Mobile
Spacing Guide

Description: Spacing values used in the dimensioned screenshots