> 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 es, um Schulungsinhalte, Produktdemos, Tutorials oder Supportvideos direkt in Ihrem Portal anzuzeigen. Ziehen Sie Videoquellen aus Feldwerten, um verschiedene Videos pro Datensatz anzuzeigen, und konfigurieren Sie Wiedergabeoptionen wie Autoplay, Endloswiedergabe und Player-Steuerung im Experience Builder. Perfekt für Videobibliotheken, Schulungszentren, Produktvorführungen, 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 Videokomponente zu lernen und mit dem Erstellen Ihrer Anwendungsfälle zu beginnen. {% @arcade/embed url="" flowId="Khgc427v5m7NGLo2BzYL" %} *** ## Eigenschaften | Name | Beschreibung | Verwendung | | ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **CMS-Video ODER Video-URL** | Definieren Sie die Quelle des Videos, indem Sie entweder 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, das die visuelle Wirkung des Containers verbessert und zur Stimmung oder thematischen Ausrichtung beiträgt, die Sie vermitteln möchten. | | **Wiedergaberate** | Wenden Sie eine Farbüberlagerung über dem Hintergrundbild an. | Wählen Sie eine Farbe, die das Hintergrundbild dezent überlagert und dabei hilft, die Sichtbarkeit und Lesbarkeit der Inhalte innerhalb des Containers zu erhalten. | | **Automatische Wiedergabe** | Legen Sie fest, ob das Video automatisch abgespielt werden soll, wenn die Seite geladen wird. | Aktivieren oder deaktivieren Sie Autoplay unter Berücksichtigung der Nutzererfahrung, damit die Videowiedergabe den Erwartungen und dem Surfverhalten der Nutzer entspricht. | | **Schleife** | Legen Sie fest, ob das Video nach dem Ende kontinuierlich in einer Schleife abgespielt werden soll. | Verwenden Sie die Schleifenfunktion, um das Video wiederholt abzuspielen, geeignet für Hintergrundgrafiken oder eine konstante Multimedia-Präsenz auf einer Seite. | | **Steuerelemente ausblenden** | Wählen Sie, ob die Videosteuerungen angezeigt oder ausgeblendet werden sollen, was die Art und Weise beeinflusst, wie Nutzer mit dem Videoinhalt interagieren. | Passen Sie die Sichtbarkeit der Steuerelemente an das gewünschte Maß an Nutzerinteraktion und an die ästhetischen Anforderungen 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, optisch stimmiges Layout beibehält. | *** ## Anwendungsbeispiele ### Beispiel 1: Produktvideo {% @arcade/embed url="" flowId="UHUg1GHG21hrQs1cBnJ2" %} #### Erwecken Sie Ihre Produkte mit eingebettetem Video zum Leben Betten Sie Produktdemovideos direkt auf Ihren Produktseiten ein und geben Sie Kunden sofort 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 Produktkenntnisse:** Geben Sie Kunden und Partnern sofortigen Zugriff auf Produktdemos, Rundgänge und Tutorials, ohne die Seite jemals verlassen zu müssen. * **Stärkere Akzeptanz 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 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 abzurufen. * Video-URL : `{!Item.ProductDemoURL__c}` {% endstep %} {% step %} #### **Darstellung anpassen** * Setzen Sie die Breite der Komponente auf **500 px**, 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 Ihren Produktseiten korrekt dargestellt wird, und veröffentlichen Sie es dann, wenn alles bereit ist. {% 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=&goal= ``` `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.