--- url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/video' title: 'Añadir un vídeo | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T00:13:54+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Obtienes un vídeo de YouTube o Vimeo que cabe en tu columna, con imagen de portada y botón de reproducción opcionales. Úsalo para demos de producto, clases, tutoriales o clips promocionales.' tags: - 'Text and media' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Añadir un vídeo' description: 'Obtienes un vídeo de YouTube o Vimeo que cabe en tu columna, con imagen de portada y botón de reproducción opcionales. Úsalo para demos de producto, clases, tutoriales o clips promocionales.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T00:13:54+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/video' articleSection: 'Texto y multimedia' - '@type': WebPage '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/video' description: 'Obtienes un vídeo de YouTube o Vimeo que cabe en tu columna, con imagen de portada y botón de reproducción opcionales. Úsalo para demos de producto, clases, tutoriales o clips promocionales.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Inicio item: 'https://dxpr.com/es' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: es --- [Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Añadir contenido](/es/hc/documentation/learn-dxpr-builder/elements) /[Texto y multimedia](/es/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Añadir un vídeo. Aprende DXPR BuilderCrear páginasAñadir contenidoTexto y multimedia ## En esta guía Guías relacionadas - [Cambia el aspecto de un elemento en el panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style) Obtienes un vídeo de YouTube o Vimeo que cabe en tu columna, con imagen de portada y botón de reproducción opcionales. Úsalo para demos de producto, clases, tutoriales o clips promocionales. ## Añade un vídeo Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. [Crea tu primera página](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/primera-pagina) muestra lo básico. 1. Pasa el cursor sobre la columna y haz clic en **+** en su barra de controles, o haz clic en **Add Elements** en una página vacía. Abre la pestaña **Content** y haz clic en **Video**. Queda arriba de la columna y su diálogo de ajustes se abre. 2. Pega o escribe una URL de YouTube o Vimeo en **Video link**. 3. En **Image**, haz clic en **Select Image** para abrir el **Media browser**. Para encontrar una foto, escribe parte de su nombre y haz clic en **Apply filters**. Marca la foto y haz clic en **Insert selected**. Se convierte en la imagen de portada. 4. Elige si mostrar el **Themed play button** sobre la imagen de portada. Viene desactivado. Aquí está activo. 5. Haz clic en **Save** en el diálogo. Luego haz clic en **Save** en la barra de herramientas arriba de la zona de contenido para guardar la página. ## Lo que ves Tu vídeo aparece en un marco 16:9 por toda la columna. En el vídeo, la foto de portada llena el marco y el botón de reproducción del tema queda encima. El reproductor de YouTube solo carga cuando alguien hace clic en la foto o el botón. Las visitas lo ven cuando guardas la página y está publicada. ## Configura tu vídeo Pasa el cursor sobre el elemento y abre **More > Settings** en su barra de controles. Opciones: - **Video link:** la URL de YouTube o Vimeo. Valen enlaces normales, cortos e incrustados. - **Video width:** un ancho CSS como `100%` u `800px`. El valor predeterminado es `100%`. - **Image:** una imagen de portada antes de que el vídeo suene. Con una imagen definida, el reproductor de YouTube o Vimeo solo carga cuando la visita hace clic, así la página carga más rápido. - **Themed play button:** un botón de reproducción en el color primario de tu tema, sobre el vídeo o la imagen. Viene desactivado. Un clic en él, o en la imagen, inicia el vídeo sin sonido. ## Si no lo ves - **Video no está en la pestaña Content.** Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en [User profiles](/es/hc/documentacion/aprender-dxpr-builder/administracion/perfiles-usuario-administracion). - **Ya no está tras recargar.** La página no se guardó. Añádelo de nuevo y haz clic en **Save** en la barra de herramientas arriba de la zona de contenido. - **Aparece un espacio en blanco en lugar del reproductor.** El campo **Video link** está vacío o tiene una URL que no es de YouTube o Vimeo. Pasa el cursor sobre el elemento y abre **More > Settings**, y pega una URL válida de YouTube o Vimeo. - **El reproductor muestra un error en lugar del vídeo.** El vídeo es privado, o su propietario no permite incrustarlo. Hazlo público u oculto y permite incrustarlo en YouTube o Vimeo, o enlaza otro vídeo. - **El vídeo es muy ancho o estrecho para la columna.** **Video width** tiene un tamaño fijo, como `800px`. Ponlo en `100%` para rellenar la columna. ## ¿Qué sigue? [Panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style) para cambiar espaciado y fondo de tu vídeo.