Cómo añadir un vídeo a la página

Para añadir un bloque con vídeo a la página, abre la biblioteca de bloques y ve a la categoría «Vídeo».

Para subir un vídeo a Tilda, haz clic en «Contenido» en cualquier bloque de la categoría «Vídeo» y, en el campo «Fuente del vídeo», selecciona MP4 o WEBM. A continuación, haz clic en el icono de subida de archivos. Puedes subir un vídeo en formato MP4 o WEBM de hasta 5 MB.

Puedes añadir los vídeos de YouTube utilizando los bloques VD01 (Vídeo), VD04 (botón «Reproducir»), VD06N (Vídeo en varias columnas), VD08 (Texto y vídeo en dos columnas), VD09 (vídeo emergente), VD11 (Vídeo con portada personalizada), VD12 (Vídeo e imagen en una fila), VD13 (transmisión en directo de YouTube con chat en directo), VD14 (lista de reproducción de cursos en vídeo), VD16 (widget de vídeo), AB701 (título, descripción y vídeo), BF402N (vídeo o imagen y formulario en dos columnas), algunos bloques de galería y también bloques con una imagen a pantalla completa como fondo (más información sobre cómo añadir un vídeo como fondo).

Para añadir un vídeo, solo necesitas un enlace a un vídeo que esté disponible públicamente y que tenga habilitada la opción de incrustación en sitios web de terceros en la configuración de privacidad.

Elige el bloque que más te guste, ve a su pestaña Contenido e inserta un enlace al vídeo.

Si desea que el vídeo se reproduzca a partir de un momento determinado, añada el fragmento ?start= a la URL y especifique el tiempo necesario en segundos desde el comienzo del vídeo. Por ejemplo, XEfDYMngJeE?start=5025. En este caso, el vídeo se reproducirá a partir del segundo 5025. Puede copiar rápidamente el tiempo haciendo clic con el botón derecho del ratón en el reproductor y seleccionando la opción "Copiar URL de vídeo a la hora actual".

Puedes añadir los vídeos de Vimeo utilizando los bloques VD01 (Vídeo), VD04 (botón «Reproducir»), VD06N (Vídeo en varias columnas), VD08 (Texto y vídeo en dos columnas), VD09 (vídeo emergente), VD11 (vídeo con portada personalizada), VD12 (vídeo e imagen en una fila), VD14 (lista de reproducción de curso en vídeo), AB701 (título, descripción y vídeo), BF402N (vídeo o imagen y formulario en dos columnas), algunos bloques de galería y también bloques con una imagen a pantalla completa como fondo.

Si tu vídeo está bloqueado por la configuración de privacidad de Vimeo, tendrá una combinación adicional de números y letras (el parámetro hash ?h=) al final del enlace, después del ID del vídeo. Para que el vídeo se reproduzca, añade esta combinación al campo «Hash del enlace privado de Vimeo».

Puedes subir el vídeo a tu servidor e insertarlo en los bloques con vídeo HTML5. Estos son los bloques VD01 (Vídeo), VD04 (botón «Reproducir»), VD08 (Texto y vídeo en dos columnas), VD09 (vídeo emergente), VD11 (Vídeo con portada personalizada), VD12 (Vídeo e imagen en una fila), VD16 (Widget de vídeo), AB701 (Título, descripción y vídeo), BF402N (Vídeo o imagen y formulario en dos columnas), algunos bloques de galería y también bloques con una imagen a pantalla completa como fondo (más información sobre cómo añadir un vídeo como fondo).

Para añadir un vídeo de este tipo a la página, debes utilizar archivos de vídeo WebM y MP4. Puedes convertir vídeos a estos formatos utilizando convertidores en línea o software de edición o conversión de vídeo.

A continuación, súbelo a un servidor y obtén un enlace directo al archivo. Ten en cuenta que es muy probable que tengas que utilizar un servicio de alojamiento de archivos de pago, ya que no todos los servicios de almacenamiento de archivos cuentan con esta función.

Una vez que tengas el enlace al archivo, ve al contenido del bloque con vídeo HTML5 y añade el enlace a tus vídeos en ambos formatos en los campos correspondientes.

Para añadir un enlace directo a un archivo en un bloque de vídeo HTML5, tienes que subirlo a un servicio de almacenamiento de archivos. Las opciones de almacenamiento en la nube como Google Drive o Dropbox no son adecuadas para esto, ya que no proporcionan un enlace directo a un archivo.

Para esta tarea, es necesario utilizar servicios o proveedores de alojamiento que ofrezcan servicio de almacenamiento de archivos. Veamos el proceso de cómo subir un archivo y obtener un enlace directo al mismo utilizando el Selectel como ejemplo.

Puedes añadir los vídeos de Kinescope utilizando los bloques VD01 (Vídeo), VD04 (botón «Reproducir»), VD08 (Texto y vídeo en dos columnas), VD09 (vídeo emergente), VD11 (Vídeo con portada personalizada), VD12 (Vídeo e imagen en una fila), VD14 (Lista de reproducción del curso en vídeo), AB701 (Título, descripción y vídeo), BF402N (Vídeo o imagen y formulario en dos columnas) y algunos bloques con una imagen a pantalla completa como fondo.

Para empezar a trabajar con Kinescope, debes registrarte en el sitio web https://www.kinescope.com/ o iniciar sesión en tu cuenta.

Para subir tu vídeo a Kinescope, haz clic en el botón Nuevo de la esquina superior derecha, selecciona "Subir un archivo" y añade un vídeo.

Para añadir el vídeo al sitio web, haga clic en el botón con tres puntos situado cerca del vídeo en el Catálogo → Copie el enlace → Pegue el enlace en la pestaña Contenido del bloque en Tilda.

Puedes añadir vídeos con iFrame utilizando los bloques VD01 (Vídeo), VD04 (botón «Reproducir»), VD08 (Texto y vídeo en dos columnas), VD09 (vídeo emergente), VD11 (Vídeo con portada personalizada), VD12 (Vídeo e imagen en una fila), VD14 (Lista de reproducción de un curso en vídeo), AB701 (Título, descripción y vídeo), BF402N (Vídeo o imagen y formulario en dos columnas).

Esta opción permite añadir vídeos desde cualquier plataforma que proporcione código iframe para incrustar vídeos en un sitio web.

Con esta opción, los ajustes «Reproducción automática del vídeo» y «Vídeo con el sonido silenciado» no funcionarán. Si la plataforma que aloja el vídeo lo permite, puedes insertar los parámetros de reproducción automática y silencio en el enlace.

Puedes utilizar un vídeo como portada o en otros bloques con una imagen de fondo, en lugar de una imagen de fondo estática. Ve a la pestaña «Contenido» y pega el enlace a tu vídeo en el campo correspondiente. Puedes subir tu vídeo a Tilda, utilizar un enlace a un vídeo de YouTube o un enlace a un vídeo HTML5 que hayas obtenido siguiendo la guía anterior.

El bloque de listas de reproducción se encuentra en la categoría "Vídeo" → bloque VD14.

Este bloque admite vídeos de los servicios YouTube, Vimeo y Kinescope. Para añadir un vídeo, debes especificar sus datos en el siguiente formato:
Enlace al vídeo; Título del vídeo; Duración del vídeo; Descripción del vídeo

El breve resumen de cada vídeo de la lista de reproducción debe indicarse en una nueva línea.

El widget de vídeo es un pequeño vídeo en la esquina de la pantalla que puede ayudarte a compartir la historia de tu producto o servicio. La vista previa se reproduce sin sonido y, si haces clic en ella, se carga el vídeo principal con sonido.

Para añadir el widget de vídeo, vaya a la categoría Vídeo y seleccione el bloque VD16.

Antes de añadirlo, debes preparar y optimizar tu vídeo para la web (utilizando software específico o editores en línea como Veed.io).

A continuación, sube el archivo a Tilda a un servicio que ofrezca almacenamiento de vídeo y acceso al mismo mediante un enlace directo. Si has subido el vídeo a un servicio externo, indica el enlace directo al archivo en Tilda.

Puedes añadir la versión de vista previa del vídeo si lo deseas. Esto puede ayudar a los usuarios a hacerse una idea general del vídeo principal y reducir el tiempo de carga de la página web.
El tamaño óptimo del vídeo es de 200 píxeles de ancho y una duración máxima de 5 segundos.

También puede especificar un enlace y un texto para el botón del vídeo principal si su objetivo es animar al visitante a realizar algún tipo de acción. Si no necesita un botón, deje los campos vacíos.

En la configuración del bloque, puedes ajustar los parámetros del widget, el vídeo principal que se abre y los botones. Para el widget, puede especificar la relación de aspecto, la anchura y los parámetros del borde, la posición en la pantalla y otros parámetros. Para el vídeo principal, puedes configurar los parámetros del borde, la sombra y el botón Reproducir. La anchura del vídeo es siempre fija - 560x315 para vídeos horizontales y viceversa - 315x560 para vídeos verticales.

Para añadir un vídeo en Zero Block → haz clic en el botón (+) y añade un elemento Vídeo → selecciona una de las opciones disponibles para añadir un vídeo: YouTube, Vimeo, MP4, Kinescope → pegue el enlace al vídeo o su ID.

Para añadir vídeos de otros servicios, puede utilizar la opción de incrustación de código HTML: Añade el elemento HTML → haz clic en el botón Editar código del panel de configuración → especifica el código para incrustar el reproductor. A continuación ↓ puedes encontrar ejemplos de cómo obtener el código.

En el Catálogo de productos, puede añadir un vídeo para mostrar el producto. Para ello, vaya a la ficha del producto → haga clic en el enlace "Vídeo" situado cerca de cualquier imagen del producto e inserte el enlace a un vídeo de YouTube, Vimeo o Kinescope o su ID.

En Feeds, puedes añadir tanto el vídeo principal de la entrada (se mostrará al principio de la entrada y se utilizará como portada en la lista de entradas) como insertar varios vídeos en el texto de la entrada de Feeds.

Para añadir el vídeo principal, ve al campo con una imagen en la ficha de edición de entradas de Feeds → la pestaña "Vídeo", y pega el enlace al vídeo.

El vídeo aparecerá al principio de la entrada.

Para añadir un vídeo en el texto de la publicación, haz clic en el icono más a la izquierda → añadir un bloque Vídeo → haz clic en él y especifica el enlace al vídeo.

Haciendo clic en los tres puntos a la izquierda del bloque, puedes cambiar el vídeo.

El vídeo se insertará en el texto de la entrada. Guarde los cambios.

A continuación, el vídeo se mostrará en el texto de la página de la entrada.

Puede añadir vídeos incrustando el código del reproductor en el bloque de código HTML. Para ello, ve a la configuración del reproductor o del servicio para obtener el código de incrustación.

Para Kinescope, haz clic en el botón con tres puntos situado cerca de un vídeo de la lista → Incrustar → selecciona código responsivo si necesitas ajustar el reproductor al tamaño de la pantalla o código fijo para añadir un reproductor pequeño y especifica su tamaño y posición en el código copiado → pega el código que has recibido en el bloque T123 de la categoría "Otros" o en el elemento HTML en Zero Block.