# AX - Vidéo ## Vue d’ensemble **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 champs pour afficher différentes vidéos par enregistrement, et configurez des options de lecture telles que la lecture automatique, la 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 tout autre endroit où les utilisateurs du portail ont besoin de contenu vidéo sans être redirigés vers des sites externes. *** ## Premiers pas Utilisez ce didacticiel simple pour apprendre les bases du composant Vidéo et commencer à créer vos cas d’utilisation. {% @arcade/embed flowId="Khgc427v5m7NGLo2BzYL" url="" %} *** ## Propriétés | Name | Description | Utilisation | | -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **CMS Video OU URL de la vidéo** | Définissez la source de la vidéo, soit en sélectionnant une vidéo depuis un CMS, soit en fournissant une URL YouTube directe | Choisissez la source vidéo qui s’aligne le mieux avec 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, contribuant à l’ambiance ou au ton thématique que vous souhaitez transmettre. | | **Vitesse de lecture** | Appliquez une superposition de couleur au-dessus de l’image d’arrière-plan. | Choisissez une couleur qui se superpose subtilement à l’image d’arrière-plan, afin de préserver la visibilité et la lisibilité du contenu à l’intérieur du conteneur. | | **Lecture automatique** | Déterminez si la vidéo doit commencer à être lue automatiquement lorsque la page est chargée. | Activez ou désactivez la lecture automatique en fonction des considérations d’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 continu une fois arrivée à la fin. | Utilisez la fonction de boucle pour que la vidéo se lise de manière répétée, 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 influence la manière dont les utilisateurs interagissent avec le contenu vidéo. | Personnalisez la visibilité des contrôles en fonction du niveau souhaité d’interaction utilisateur 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, notamment **`la largeur`** et **`la hauteur`**, et contrôlez le comportement du dépassement. | Ajustez la taille de la vidéo et les paramètres de dépassement pour garantir une intégration fluide de la vidéo dans la page, tout en conservant une mise en page réactive et visuellement cohérente. | *** ## Exemples de cas d’usage ### Exemple 1 : Vidéo produit {% @arcade/embed flowId="UHUg1GHG21hrQs1cBnJ2" url="" %} #### Donnez vie à vos produits avec une vidéo intégrée Intégrez directement des vidéos de démonstration de produits sur vos pages produit, offrant aux clients un accès instantané aux informations dont ils ont besoin, exactement 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 obtenir * **Compréhension plus approfondie du produit :** Offrez aux clients et aux partenaires un accès instantané aux démonstrations, 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 vidéo de chaque produit. *** #### Comment le configurer {% stepper %} {% step %} #### **Ajoutez le composant** * Ouvrez Experience Builder et accédez à votre page d’article produit. Faites glisser le **AX - Vidéo** composant à l’emplacement souhaité sur la page. {% endstep %} {% step %} #### **Connectez vos données** * Sélectionnez une source de données et mappez le champ de l’URL vidéo pour récupérer dynamiquement le lien à partir de chaque enregistrement produit. * URL de la vidéo : `{!Item.ProductDemoURL__c}` {% endstep %} {% step %} #### **Ajustez l’apparence** * Définissez la largeur du composant à **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 vérifier que la vidéo s’affiche correctement sur vos pages produit, puis publiez lorsque vous êtes prêt. {% endstep %} {% endstepper %}