You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • Deutsch
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Content > Media
  • Video (03_02)

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

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

This is what the module looks like

Video (03_02)

Example page

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn