# 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 %}