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
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Pattern nach Typus
  • Content > Media
  • Video (03_02)

Video (03_02)

Das Modul „Video“ wird auf Artikeldetailseiten genutzt, um ein Video bereitzustellen.

Es besteht aus einem Video, einer optionalen Bildunterschrift sowie einer Lightbox, die sich per Klick öffnet und in der das Video abgespielt wird. Das Video selbst wird auf YouTube, MovingImage oder Vimeo hinterlegt.

Beispiel Seitenansicht

Das Modul ist orange markiert

Video: Modulansicht

Videos in der Randspalte

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschriftoptional
2. VideoVideo-ID von YouTube, MovingImage oder Vimeo
Beschreibung des Videosoptional
Lightbox-OptionVideo kann in einer Lightbox abgespielt werden
VorschaubildBildzuschnitt: width 335 px oder width 450 px für mobile Ansicht

Hinweis: Der Play-Button wird automatisch auf dem Vorschaubild platziert.

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschriftoptional
2. VideoVideo-ID von YouTube, MovingImage oder Vimeo
Beschreibung des Videosoptional
Lightbox-OptionVideo kann in einer Lightbox abgespielt werden
VorschaubildBildzuschnitt: width 335 px oder width 450 px für mobile Ansicht

Hinweis: Der Play-Button wird automatisch auf dem Vorschaubild platziert.

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

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
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Vermaßte Screenshots

Video: Vermaßung Desktop
Desktop
Video: Vermaßung Tablet
Tablet
Video: Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

So sieht das Modul aus

Video (03_02)

Beispielseite

arrow-down UCP Pattern Library

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

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn