# AX - Video ## Descripción general **AX - Video** es un componente de Experience Cloud que incorpora reproductores de video en las páginas de Experience Sites y admite, compatibilizando YouTube, Vimeo, Salesforce Content Documents y URL directas de archivos de video. Úsalo para mostrar contenido de capacitación, demostraciones de productos, tutoriales o videos de soporte directamente en tu portal. Obtén las fuentes de video a partir de valores de campo para mostrar distintos videos por registro y configura opciones de reproducción como reproducción automática, repetición y controles del reproductor en Experience Builder. Perfecto para bibliotecas de videos, centros de capacitación, demostraciones de productos, contenido de incorporación o cualquier lugar donde los usuarios del portal necesiten contenido en video sin ser redirigidos a sitios externos. *** ## Primeros pasos Usa este sencillo tutorial para aprender los conceptos básicos del componente Video y empezar a crear tus casos de uso. {% @arcade/embed flowId="Khgc427v5m7NGLo2BzYL" url="" %} *** ## Propiedades | Name | Descripción | Uso | | ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **CMS Video O URL de video** | Define la fuente del video, ya sea seleccionando un video desde un CMS o proporcionando una URL directa de YouTube | Elige la fuente de video que mejor se alinee con tu estrategia de contenido, asegurándote de que se integre y gestione eficazmente dentro de tus páginas. | | **Volumen** | Establece una imagen de fondo para el contenedor. | Sube o proporciona una URL para una imagen que mejore el atractivo visual del contenedor, contribuyendo al ambiente o tono temático que deseas transmitir. | | **Velocidad de reproducción** | Aplica una superposición de color sobre la imagen de fondo. | Elige un color que se superponga sutilmente a la imagen de fondo, ayudando a mantener la visibilidad y legibilidad del contenido dentro del contenedor. | | **Reproducción automática** | Decide si el video debe comenzar a reproducirse automáticamente cuando se cargue la página. | Activa o desactiva la reproducción automática según consideraciones de experiencia de usuario, asegurando que la reproducción del video se alinee con las expectativas del usuario y su comportamiento de navegación. | | **Repetir** | Determina si el video debe repetirse continuamente una vez que llegue al final. | Usa la función de repetición para mantener el video reproduciéndose de manera repetida, adecuado para elementos visuales de fondo o una presencia multimedia constante en una página. | | **Ocultar controles** | Elige si mostrar u ocultar los controles del video, lo que afecta la forma en que los usuarios interactúan con el contenido de video. | Personaliza la visibilidad de los controles según el nivel deseado de interacción del usuario y las consideraciones estéticas del diseño de tu página. | | **Tamaño** | Define los parámetros de tamaño del video, incluyendo **`ancho`** y **`alto`**, y controla el comportamiento del desbordamiento. | Ajusta el tamaño del video y la configuración de desbordamiento para garantizar que el video se integre sin problemas en la página, manteniendo un diseño adaptable y visualmente coherente. | *** ## Ejemplos de casos de uso ### Ejemplo 1: Video de producto {% @arcade/embed flowId="UHUg1GHG21hrQs1cBnJ2" url="" %} #### Dale vida a tus productos con video incrustado Incorpora videos de demostración de productos directamente en tus páginas de producto, dando a los clientes acceso instantáneo a la información que necesitan, justo donde la necesitan. El resultado es una experiencia de autoservicio más rica que aumenta la confianza en el producto y reduce las solicitudes de soporte entrantes. *** #### Lo que lograrás * **Mayor comprensión del producto:** Ofrece a clientes y socios acceso instantáneo a demostraciones, recorridos y tutoriales de productos sin salir nunca de la página. * **Mayor adopción del autoservicio:** Reduce las solicitudes de soporte entrantes permitiendo que los usuarios encuentren respuestas de forma visual y a su propio ritmo. *** #### Requisitos previos Asegúrate de que lo siguiente esté listo: * **Páginas del objeto Producto: configuradas y activas en** tu sitio de Experience Cloud. * **ProductDemoURL\_\_c :** Un campo personalizado en el objeto Producto para almacenar la URL del video de cada producto. *** #### Cómo configurarlo {% stepper %} {% step %} #### **Añade el componente** * Abre Experience Builder y navega a la página de tu artículo de producto. Arrastra el **AX - Video** componente a la página en la ubicación que desees. {% endstep %} {% step %} #### **Conecta tus datos** * Selecciona una fuente de datos y asigna el campo de URL del video para extraer el enlace dinámicamente de cada registro de producto. * URL del video : `{!Item.ProductDemoURL__c}` {% endstep %} {% step %} #### **Ajusta la apariencia** * Establece el ancho del componente en **500 px**, o ajústalo para que se adapte al diseño de tu página. {% endstep %} {% step %} #### **Vista previa y publicación** * Usa la vista previa integrada para confirmar que el video se renderiza correctamente en todas tus páginas de producto y luego publica cuando estés listo. {% endstep %} {% endstepper %} --- # Agent Instructions: 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: ``` GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-video.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.