> 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 des 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 lecture en boucle et les contrôles 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. *** ## Premiers pas Utilisez ce tutoriel simple pour apprendre les bases du composant Vidéo et commencer à créer vos cas d'utilisation. {% @arcade/embed url="" flowId="Khgc427v5m7NGLo2BzYL" %} *** ## Propriétés | Nom | Description | Utilisation | | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Vidéo CMS OU URL vidéo** | Définissez la source de la vidéo, soit en sélectionnant une vidéo dans un CMS, soit en fournissant une URL YouTube directe | Choisissez la source vidéo qui correspond le mieux à votre stratégie de contenu, en veillant à ce qu'elle soit efficacement intégrée et gérée dans vos pages. | | **Volume** | Définissez une image d’arrière-plan pour le conteneur. | Téléchargez ou fournissez une URL pour une image qui améliore l’attrait visuel du conteneur, en contribuant à l’ambiance ou au ton thématique que vous souhaitez transmettre. | | **Vitesse de lecture** | Appliquez une superposition de couleur par-dessus l’image d’arrière-plan. | Choisissez une couleur qui recouvre subtilement l’image d’arrière-plan, afin de maintenir la visibilité et la lisibilité du contenu à l’intérieur du conteneur. | | **Lecture automatique** | Décidez si la vidéo doit commencer à se lire automatiquement lorsque la page est chargée. | Activez ou désactivez la lecture automatique en fonction des considérations liées à l'expérience utilisateur, en veillant à ce que la lecture de la vidéo corresponde aux attentes des utilisateurs et à leur comportement de navigation. | | **Boucle** | Déterminez si la vidéo doit se répéter en boucle une fois arrivée à la fin. | Utilisez la fonction de boucle pour faire en sorte que la vidéo se répète en continu, ce qui convient aux visuels d'arrière-plan ou à une présence multimédia constante sur une page. | | **Masquer les contrôles** | Choisissez d'afficher ou de masquer les contrôles vidéo, ce qui affecte la manière dont les utilisateurs interagissent avec le contenu vidéo. | Personnalisez la visibilité des contrôles en fonction du niveau d'interaction utilisateur souhaité et des considérations esthétiques de la mise en page de votre page. | | **Taille** | Définissez les paramètres de taille de la vidéo, y compris **`largeur`** et **`hauteur`**, et contrôlez le comportement de dépassement. | Ajustez la taille de la vidéo et les paramètres de dépassement afin de garantir que la vidéo s'intègre de manière fluide dans la page, tout en conservant une mise en page réactive et visuellement cohérente. | *** ## Exemples de cas d’utilisation ### Exemple 1 : Vidéo produit {% @arcade/embed url="" flowId="UHUg1GHG21hrQs1cBnJ2" %} #### Donnez vie à vos produits avec une vidéo intégrée Intégrez des vidéos de démonstration de produit 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 obtiendrez * **Compréhension plus approfondie du produit :** Offrez aux clients et aux partenaires un accès instantané à des démonstrations de produits, des visites guidées et des tutoriels sans jamais quitter la page. * **Adoption accrue 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 de l'objet Product : configurées et actives sur** votre site Experience Cloud. * **ProductDemoURL\_\_c :** Un champ personnalisé sur l'objet Product pour stocker l'URL 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 mappez le champ d'URL vidéo pour récupérer le lien dynamiquement à partir de chaque enregistrement produit. * URL vidéo : `{!Item.ProductDemoURL__c}` {% endstep %} {% step %} #### **Ajustez l'apparence** * Définissez la largeur du composant sur **500px**, ou ajustez-la pour qu'elle s'adapte à la mise en page de votre page. {% endstep %} {% step %} #### **Prévisualiser et publier** * 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=&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.