Wie passe ich ein Media-Element in der Application an?

Um Media-Elemente, die Sie in Ihrem Datenobjekt angelegt haben, auf Ihrer Website anzuzeigen, müssen Sie Media-Elemente zur Area hinzufügen. Mit dem Media-Element der Area können Sie Bilder, Audios, Videos, Icons und Dokumente darstellen. Ein Media-Element in der Area bietet verschiedene Einstellungsmöglichkeiten zur Darstellung. In dieser Anleitung zeigen wir Ihnen, wie Sie Media-Elemente in der Area anpassen können.

1. Klicken Sie in der Navigationsleiste auf Application
2. Wählen Sie die Application aus, um auf die Übersichtsseite zu gelangen
3. Suchen Sie im linken Bereich den Abschnitt Seiten
4. Wählen Sie eine Seite aus indem Sie den Namen auswählen oder im Dreipunkte Menü auf Bearbeiten klicken, um die Seite zu öffnen
5. Im rechten Bereich der Seite finden Sie den Application Builder
6. Klicken Sie auf die Area, die ein Media-Element enthält oder der Sie ein Media-Element hinzufügen möchten
7. Klicken Sie auf das Media-Element oder fügen Sie ein neues hinzu mit + Element

Datenobjekt verknüpfen (Content Mapping)

Variante 1: Media aus dem Datenobjekt verknüpfen

1. Klicken Sie in das Dropdown Fenster media
2. Wählen Sie eine Quelle aus

Variante 2: Media aus dem Content verknüpfen

1. Klicken Sie auf das + Symbol hinter dem Fenster
2. Das Fenster Select Media öffnet sich 
3. Wählen Sie eine Datei aus dem Content aus oder laden Sie eine neue Datei hoch
4. Klicken Sie auf Save

Boxstyle verknüpfen (Style mapping)

1. Finden Sie den Bereich Style Mapping im Media Element der Area
2. Klicken Sie in das Dropdown Fenster mediaBOX
3. Wählen Sie einen Boxstyle, durch einen Klick aus 

Einstellungen (Settings)

Media-Ausschnitt

Wenn Sie im Style Ihrer Anwendung einen Boxstyle angelegt haben, der Einstellungen bezüglich der Fixen Höhe oder Ratio festlegt, können Sie im Media-Element weitere Einstellungen dazu treffen.

Folgende Optionen stehen Ihnen zur Verfügung, wenn Sie auf das Feld cover im Media-Element klicken:

• all: Alle Seiten des Elements, also Höhe und Breite, werden angepasst, um die festgelegten Einstellungen bezüglich der Höhe oder Ratio zu erfüllen.
• height: Das Bild wird in der Höhe angepasst, um die Einstellungen bezüglich der Höhe oder Ratio zu erfüllen. Die Breite des Bildes bleibt dabei unverändert.
• width: Das Bild wird in der Breite angepasst, um die Einstellungen bezüglich der Höhe oder Ratio zu erfüllen. Die Höhe des Bildes bleibt dabei unverändert.
• off: Das Bild wird nur nach den Einstellungen im Boxstyle abgeschnitten oder gar nicht angepasst, ohne weitere Änderungen an Höhe oder Breite vorzunehmen

Maximale Höhe 

Sie können die maximale Höhe eines Bildes festlegen, um zu bestimmen, wie hoch es in der Anwendung ausgegeben werden soll. Wenn Sie keine maximale Höhe festlegen möchten, können Sie den Standardwert "auto" beibehalten.

1. Klicken Sie in das Feld maxHeight
2. Tragen Sie den Wert der maximalen Höhe ein 

Verlinken

Sie haben die Möglichkeit Ihre Media-Elemente extern oder intern zu verlinken.

1. Aktivieren Sie den Slide-Toggle link
2. Geben Sie den Link oder die Seite ein, auf die das Media-Element verlinken soll, in das Feld linkPage ein. Hier können Sie entweder einen internen Link (z. B. "/beispiel") oder einen externen Link (z. B. "www.beispiel.de") eingeben.
3. Wenn Sie möchten, dass der Link in einem neuen Tab geöffnet wird, aktivieren Sie den Slide-Toggle Option openLinkInNewTab

Video-Einstellungen

Haben Sie ein Video im Media-Element hinterlegt, können Sie folgende Einstellungen für das Video vornehmen:

• videoAutoPlay: Video wird automatisch gestartet
• videoControls: Zeigt die Steuerungselemente des Medias an. Dazu gehören die Dauer des Videos, die Zeitleiste zum Navigieren im Video, Schaltflächen für Pause und Wiedergabe, ein Lautstärkeregler und eine Vollbildschirmoption.
• videoLoop: Das Video wird in einer Endlosschleife abgespielt, d. h. sobald ein Video beendet ist, beginnt es von vorne
• videoMuted: Wenn diese Option aktiviert ist, wird das Video ohne Ton abgespielt. Die Nutzer können den Ton manuell über die Lautstärkeregelung aktivieren

Das könnte Sie auch Interessieren