> 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-es/experience-components/ax-video.md). # AX - Video ## Resumen **AX - Video** es un componente de Experience Cloud que inserta reproductores de video en las páginas de Experience Sites y admite YouTube, Vimeo, documentos de contenido de Salesforce 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 fuentes de video a partir de valores de campo para mostrar diferentes 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 video, centros de formación, demostraciones de productos, contenido de incorporación o cualquier lugar donde los usuarios del portal necesiten contenido de video sin redirigirse a sitios externos. *** ## Primeros pasos Usa este sencillo tutorial para aprender lo básico del componente Video y empezar a crear tus casos de uso. {% @arcade/embed url="" flowId="Khgc427v5m7NGLo2BzYL" %} *** ## Propiedades | Nombre | Descripción | Uso | | ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **CMS Video O URL de video** | Define la fuente del video, ya sea seleccionando un video de 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 esté integrada y administrada 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 la 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 las consideraciones de la experiencia del usuario, asegurándote de que la reproducción del video se ajuste a las expectativas del usuario y al comportamiento de navegación. | | **Bucle** | 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 forma continua, adecuado para elementos visuales de fondo o una presencia multimedia constante en una página. | | **Ocultar controles** | Elige si deseas mostrar u ocultar los controles del video, lo que afecta cómo los usuarios interactúan con el contenido del 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 del producto {% @arcade/embed url="" flowId="UHUg1GHG21hrQs1cBnJ2" %} #### Da vida a tus productos con video incrustado Incrusta videos de demostración de productos directamente en tus páginas de producto, brindando 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 genera 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 de productos, recorridos y tutoriales sin salir 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é en su lugar: * **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 %} #### **Agregar 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 deseada. {% endstep %} {% step %} #### **Conecta tus datos** * Selecciona una fuente de datos y asigna el campo de URL del video para obtener 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 muestra correctamente en todas tus páginas de producto; luego publica cuando estés listo. {% 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-es/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.