> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-video.md).

# 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 URLs zu Videodateien unterstützt.

Verwenden Sie sie, um Schulungsinhalte, Produktdemos, Tutorials oder Support-Videos direkt in Ihrem Portal anzuzeigen. Ziehen Sie Videoquellen aus Feldwerten, um je 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 der Umsetzung Ihrer Anwendungsfälle zu beginnen.

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

## Konfiguration

### Eigenschaften

**Titel** legt einen Titel für das Video fest.

**CMS-Video** und **Video-URL oder Ausdruck** definiert die Videoquelle — wählen Sie ein Video aus einem CMS aus oder geben Sie eine direkte YouTube-, Vimeo- oder Datei-URL an.

**Lautstärke** legt die Standard-Lautstärke für das Video fest.

**Wiedergaberate** legt die Abspielgeschwindigkeit des Videos fest, sodass Sie das Tempo der Inhalte anpassen können.

**Automatische Wiedergabe** startet das Video automatisch, wenn die Seite geladen wird.

**Wiederholen** spielt das Video nach Erreichen des Endes kontinuierlich erneut ab — geeignet für Hintergrundbilder oder eine gleichbleibende Multimedia-Präsenz auf einer Seite.

**Steuerelemente ausblenden** blendet die Videosteuerungen ein oder aus und beeinflusst so, wie Benutzer mit dem Videoinhalt interagieren.

## Styling

{% tabs %}
{% tab title="Größe" %}
Steuert die Abmessungen des Videos (Breite / Höhe / Überlauf).
{% endtab %}

{% tab title="Außenabstand" %}
Steuert den äußeren Abstand um das Video.
{% endtab %}

{% tab title="Innenabstand" %}
Steuert den inneren Abstand des Videos.
{% endtab %}
{% endtabs %}

## Anwendungsfälle

### Beispiel 1: Produktvideo

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

#### Erwecken Sie Ihre Produkte mit eingebetteten Videos 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 eine reichhaltigere Self-Service-Erfahrung, die 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 je verlassen zu müssen.
* **Höhere Self-Service-Nutzung:** Reduzieren Sie eingehende Supportanfragen, indem Sie Benutzer Antworten visuell und in ihrem eigenen Tempo finden lassen.

***

#### Voraussetzungen

Stellen Sie sicher, dass Folgendes vorhanden ist:

* **Produktobjekt-Seiten: eingerichtet und aktiv in** Ihrer Experience-Cloud-Website.
* **ProductDemoURL\_\_c :** Ein benutzerdefiniertes Feld im 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 Produktartikelseite. 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 Feld für die Video-URL zu, um den Link dynamisch aus jedem Produktdatensatz zu laden.
* Video-URL : `{!Item.ProductDemoURL__c}`
  {% endstep %}

{% step %}

#### **Darstellung anpassen**

* Setzen Sie die Breite der Komponente auf **500px**, oder passen Sie sie an Ihr Seitenlayout an.
  {% endstep %}

{% step %}

#### **Vorschau & veröffentlichen**

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-video.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.