Añadir un vídeo.

Learn DXPR BuilderBuild pagesAdd contentTekst en media

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.

Vídeo con foto de portada de portátiles en un escritorio y un botón de reproducción del tema

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 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.
  • 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 para cambiar espaciado y fondo de tu vídeo.