> 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-fr/experience-components/ax-video.md).

# AX - Vidéo

## Aperçu

**AX - Vidéo** est un composant Experience Cloud qui intègre des lecteurs vidéo sur les pages des sites Experience et prend en charge YouTube, Vimeo, les documents Salesforce Content et les URL directes de fichiers vidéo.

Utilisez-le pour afficher du contenu de formation, des démonstrations de produits, des tutoriels ou des vidéos d’assistance directement dans votre portail. Récupérez les sources vidéo à partir des valeurs de champ pour afficher différentes vidéos par enregistrement, et configurez des options de lecture telles que la lecture automatique, la boucle et les commandes du lecteur dans Experience Builder.

Parfait pour les bibliothèques vidéo, les centres de formation, les démonstrations de produits, le contenu d’intégration ou partout où les utilisateurs du portail ont besoin de contenu vidéo sans être redirigés vers des sites externes.

## Prise en main

Utilisez ce tutoriel simple pour apprendre les bases du composant Vidéo et commencer à créer vos cas d’utilisation.

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

## Configuration

### Propriétés

**Titre** définit un titre pour la vidéo.

**Vidéo CMS** et **URL de la vidéo ou expression** définissez la source de la vidéo — sélectionnez une vidéo depuis un CMS ou fournissez une URL directe YouTube, Vimeo ou un fichier.

**Volume** définit le niveau de volume audio par défaut pour la vidéo.

**Vitesse de lecture** définit la vitesse de lecture de la vidéo, vous permettant d’ajuster le tempo du contenu.

**Lecture automatique** démarre automatiquement la vidéo lorsque la page se charge.

**Boucle** rejoue la vidéo en continu lorsqu’elle atteint la fin — convient aux visuels d’arrière-plan ou à une présence multimédia constante sur une page.

**Masquer les contrôles** affiche ou masque les commandes vidéo, ce qui influence la manière dont les utilisateurs interagissent avec le contenu vidéo.

## Style

{% tabs %}
{% tab title="Taille" %}
Contrôle les dimensions de la vidéo (Largeur / Hauteur / Débordement).
{% endtab %}

{% tab title="Marge" %}
Contrôle l’espacement externe autour de la vidéo.
{% endtab %}

{% tab title="Rembourrage" %}
Contrôle l’espacement interne de la vidéo.
{% endtab %}
{% endtabs %}

## Cas d'utilisation

### Exemple 1 : Vidéo produit

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

#### Donnez vie à vos produits avec une vidéo intégrée

Intégrez des vidéos de démonstration de produits directement sur vos pages produit, offrant aux clients un accès instantané aux informations dont ils ont besoin, là où ils en ont besoin. Le résultat est une expérience de libre-service plus riche qui renforce la confiance dans le produit et réduit les demandes d’assistance entrantes.

***

#### Ce que vous allez accomplir

* **Compréhension plus approfondie du produit :** Offrez aux clients et aux partenaires un accès instantané aux démonstrations de produits, aux visites guidées et aux tutoriels sans jamais quitter la page.
* **Adoption plus forte du libre-service :** Réduisez les demandes d’assistance entrantes en permettant aux utilisateurs de trouver des réponses visuellement, à leur propre rythme.

***

#### Prérequis

Assurez-vous que les éléments suivants sont en place :

* **Pages d’objet Produit : configurées et actives sur** votre site Experience Cloud.
* **ProductDemoURL\_\_c :** Un champ personnalisé sur l’objet Produit pour stocker l’URL de la vidéo de chaque produit.

***

#### Comment le configurer

{% stepper %}
{% step %}

#### **Ajouter le composant**

* Ouvrez Experience Builder et accédez à votre page d’article produit. Faites glisser le **AX - Vidéo** composant sur la page à l’emplacement souhaité.
  {% endstep %}

{% step %}

#### **Connectez vos données**

* Sélectionnez une source de données et associez le champ d’URL de la vidéo pour récupérer dynamiquement le lien depuis chaque enregistrement produit.
* URL de la vidéo : `{!Item.ProductDemoURL__c}`
  {% endstep %}

{% step %}

#### **Ajustez l’apparence**

* Définissez la largeur du composant sur **500 px**, ou ajustez-la pour l’adapter à la mise en page de votre page.
  {% endstep %}

{% step %}

#### **Aperçu et publication**

* Utilisez l’aperçu intégré pour confirmer que la vidéo s’affiche correctement sur vos pages produit, puis publiez lorsque vous êtes prêt.
  {% 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-fr/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.