In Abhängigkeit der Media-Datei (Image / Local Video / Youtube Video) werden entsprechende Tabs in der Flexform angezeigt.

Nach Änderung der Media-Datei ist ggf. ein zweites Speichern nötig, damit der passende Tab erscheint!

Abhängige Tabs der tx_t3sbootstrap_flexform:

Default

Mit dieser Einstellung wird ein normales "background-image" erstellt!

Die Größe (hier Höhe) ergibt sich aus der Angabe unter "Padding (top and bottom in rem)".
Inhalte (Content) wird somit vertikal zentriert!

Overlay

Mit "Enable content overlay and autoheight for background-image" wird das Bild in einem "Card-Hintergrund" erstellt und mit einem "Card-Text" überlagert.

Die Höhe wird automatisch aus der "Content-Höhe" und dem "Surcharge height to background-image (in px)" berechnet.

Vertikale Ausrichtung für den Inhalt: Auswahlfeld "Align content items"

Real image

Mit "Image inside (no background-image but a real image)" wird das Bild (img-Tag) in einem "Card-Body" erstellt und mit einem "Card-Text" überlagert.

Vertikale Ausrichtung für den Inhalt: Auswahlfeld "Align content items"

Weitere Settings

Weitere Optionen (Slider) für die CSS-Filter-Effekte sowie ein Raster stehen zur Verfügung.

Background-Color

Wenn kein "Media-Object" ausgewählt wurde, kann eine Hintergrundfarbe ausgewählt werden!

Die Größe (Höhe) ergibt sich aus der Angabe unter "Padding (top and bottom in rem)".

Inhalte wird vertikal zentriert!

Lokales Video z.B. MP4

Hier wird das Video (video-Tag) in einem "Card-Body" erstellt und mit einem "Card-Text" überlagert.

Vertikale Ausrichtung für den Inhalt: Auswahlfeld "Align content items".

Weitere Settings s. Screenshot, sind möglich!

YouTube Video

Dieses "YouTube-Hintergrund-Video" wird mit dem "jquery.mb.YTPlayer" eingebettet.

Die YouTube-Nocookie-Einbettung unterstützt der "jquery.mb.YTPlayer" nicht und kann daher nicht verwendet werden.

Wenn "Center content vertical" nicht aktiviert ist, kann der obere Abstand zum Inhalt mit "Padding top (in rem)" gesetzt werden.

INFO zum "jquery.mb.YTPlayer": https://github.com/pupunzi/jquery.mb.YTPlayer

YouTube Filter

An dieser Stelle werden noch diverse Filter für das YouTube Video bereitgestellt!