# AX - Video

## Übersicht

**AX - Video** ist eine Experience-Cloud-Komponente, die Videoplayer auf Experience-Sites-Seiten einbettet und YouTube, Vimeo, Salesforce Content Documents sowie direkte Video-Datei-URLs unterstützt.

Verwenden Sie sie, um Schulungsinhalte, Produktdemos, Tutorials oder Supportvideos direkt in Ihrem Portal anzuzeigen. Ziehen Sie Videoquellen aus Feldwerten, um pro Datensatz unterschiedliche Videos anzuzeigen, und konfigurieren Sie Wiedergabeoptionen wie automatisches Abspielen, Schleifenwiedergabe und Player-Steuerungen im Experience Builder.

Perfekt für Videobibliotheken, Schulungszentren, Produktdemonstrationen, Onboarding-Inhalte oder überall dort, wo Portalnutzer Videoinhalte benötigen, ohne auf externe Websites weitergeleitet zu werden.

***

## Erste Schritte

Verwenden Sie dieses einfache Tutorial, um die Grundlagen der Video-Komponente kennenzulernen und mit dem Aufbau Ihrer Anwendungsfälle zu beginnen.

{% @arcade/embed flowId="Khgc427v5m7NGLo2BzYL" url="<https://app.arcade.software/share/Khgc427v5m7NGLo2BzYL>" %}

***

## Eigenschaften

| Name                          | Beschreibung                                                                                                                                 | Verwendung                                                                                                                                                                                                                         |
| ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **CMS-Video ODER Video-URL**  | Definieren Sie die Quelle des Videos, entweder indem Sie ein Video aus einem CMS auswählen oder eine direkte YouTube-URL angeben             | Wählen Sie die Videoquelle, die am besten zu Ihrer Content-Strategie passt, und stellen Sie sicher, dass sie effektiv in Ihre Seiten integriert und dort verwaltet wird.                                                           |
| **Lautstärke**                | Legen Sie ein Hintergrundbild für den Container fest.                                                                                        | Laden Sie ein Bild hoch oder geben Sie eine URL an, die die visuelle Attraktivität des Containers erhöht und zur Stimmung oder zum thematischen Ton beiträgt, den Sie vermitteln möchten.                                          |
| **Wiedergabegeschwindigkeit** | Wenden Sie eine Farbüberlagerung über dem Hintergrundbild an.                                                                                | Wählen Sie eine Farbe, die das Hintergrundbild dezent überlagert und dazu beiträgt, die Sichtbarkeit und Lesbarkeit der Inhalte innerhalb des Containers zu erhalten.                                                              |
| **Automatisch abspielen**     | Entscheiden Sie, ob das Video automatisch abgespielt werden soll, wenn die Seite geladen wird.                                               | Aktivieren oder deaktivieren Sie die automatische Wiedergabe basierend auf Überlegungen zur Benutzererfahrung und stellen Sie sicher, dass die Videowiedergabe den Erwartungen der Nutzer und ihrem Browsing-Verhalten entspricht. |
| **Wiederholen**               | Bestimmen Sie, ob das Video nach Erreichen des Endes kontinuierlich wiederholt werden soll.                                                  | Verwenden Sie die Wiederholungsfunktion, um das Video fortlaufend abzuspielen; geeignet für Hintergrundvisuals oder eine konstante Multimedia-Präsenz auf einer Seite.                                                             |
| **Steuerelemente ausblenden** | Wählen Sie, ob die Videosteuerungen angezeigt oder ausgeblendet werden sollen, was beeinflusst, wie Nutzer mit dem Videoinhalt interagieren. | Passen Sie die Sichtbarkeit der Steuerelemente basierend auf dem gewünschten Grad der Benutzerinteraktion und den ästhetischen Überlegungen Ihres Seitenlayouts an.                                                                |
| **Größe**                     | Definieren Sie die Größenparameter des Videos, einschließlich **`Breite`** und **`Höhe`**, und steuern Sie das Überlaufverhalten.            | Passen Sie die Videogröße und die Überlaufeinstellungen an, um sicherzustellen, dass sich das Video nahtlos in die Seite einfügt und ein responsives sowie visuell stimmiges Layout beibehält.                                     |

***

## Anwendungsbeispiele

### Beispiel 1: Produktvideo

{% @arcade/embed flowId="UHUg1GHG21hrQs1cBnJ2" url="<https://app.arcade.software/share/UHUg1GHG21hrQs1cBnJ2>" %}

#### Erwecken Sie Ihre Produkte mit eingebettetem Video zum Leben

Betten Sie Produktdemovideos direkt auf Ihren Produktseiten ein und geben Sie Kunden sofortigen Zugriff auf die Informationen, die sie benötigen, genau dort, wo sie sie brauchen. Das Ergebnis ist ein reichhaltigeres Self-Service-Erlebnis, das das Vertrauen in das Produkt stärkt und eingehende Supportanfragen reduziert.

***

#### Was Sie erreichen werden

* **Tiefere Produktkenntnis:** Geben Sie Kunden und Partnern sofortigen Zugriff auf Produktdemos, Rundgänge und Tutorials, ohne die Seite jemals verlassen zu müssen.
* **Stärkere Nutzung von Self-Service:** Reduzieren Sie eingehende Supportanfragen, indem Sie Nutzern ermöglichen, Antworten visuell und in ihrem eigenen Tempo zu finden.

***

#### Voraussetzungen

Stellen Sie sicher, dass Folgendes vorhanden ist:

* **Produktobjektseiten: eingerichtet und aktiv auf** Ihrer Experience-Cloud-Site.
* **ProductDemoURL\_\_c :** Ein benutzerdefiniertes Feld auf dem Produktobjekt, um die Video-URL jedes Produkts zu speichern.

***

#### So richten Sie es ein

{% stepper %}
{% step %}

#### **Komponente hinzufügen**

* Öffnen Sie den Experience Builder und navigieren Sie zu Ihrer Produkt-Artikelseite. Ziehen Sie die **AX - Video** Komponente an die gewünschte Stelle auf der Seite.
  {% endstep %}

{% step %}

#### **Verbinden Sie Ihre Daten**

* Wählen Sie eine Datenquelle aus und ordnen Sie das Video-URL-Feld zu, um den Link dynamisch aus jedem Produktdatensatz abzurufen.
* Video-URL : `{!Item.ProductDemoURL__c}`
  {% endstep %}

{% step %}

#### **Darstellung anpassen**

* Legen Sie die Komponentenbreite auf **500px**fest oder passen Sie sie an Ihr Seitenlayout an.
  {% endstep %}

{% step %}

#### **Vorschau und veröffentlichen**

* Verwenden Sie die integrierte Vorschau, um zu bestätigen, dass das Video auf Ihren Produktseiten korrekt dargestellt wird, und veröffentlichen Sie es dann, wenn Sie bereit sind.
  {% endstep %}
  {% endstepper %}