Agregar videos a tu sitio

Carga e inserta videos en tus páginas para interactuar con tus visitantes.

Última actualización: 6 de febrero de 2025

El uso de videos en tu sitio te permite expresar tu marca, contar mejores historias y mantener el interés de los que visitan el sitio. En Squarespace, puedes:

  • Cargar videos: aloja tus videos en tu sitio. Esta opción está disponible para los bloques de video en todos los sitios y páginas de videos y fondos de sección de los sitios de la versión 7.1. Todos los sitios de Squarespace pueden tener hasta 30 minutos de videos cargados. Para obtener más almacenamiento, suscríbete a un plan de Productos digitales.
  • Insertar videos: inserta videos de YouTube y Vimeo. Estos servicios son muy respetados por su calidad de transmisión, facilidad de carga y control de reproducción de video.

Utiliza esta guía para obtener información sobre dónde puedes agregar videos y encontrar enlaces a pasos específicos para agregar videos a su sitio.

Consejo

Con el Kit de marketing en la aplicación de Squarespace para iOS, puedes crear videos de calidad profesional que coincidan con el diseño y la gestión de marca de tu sitio. Luego, puedes insertar o subir los videos a tu sitio.

Mira el video

Dónde puedes añadir videos

Dónde puedes añadir videos depende de la versión de tu sitio.

Puedes añadir videos a

Las secciones de galería no admiten videos.

Puedes añadir videos a

Opción 1: Cargar videos

Sube videos al alojamiento de Squarespace directamente desde tu dispositivo. Usa esta opción para videos propios o que hayas comprado a un tercero.

Actualmente, puedes subir archivos de video a:

Para cargar videos en otras áreas, inserta el video. Para obtener más información sobre el uso de videos en tu sitio, visita las Condiciones de uso de Squarespace.

Cómo acceder a esta función

Puedes subir hasta 30 minutos de video a cualquier sitio. Si el tiempo de ejecución total de tus videos llega al límite, suscríbete a un plan de Productos digitales para obtener más almacenamiento o borra videos para liberar espacio de almacenamiento. Alternativamente, puedes considerar nuestro plan Enterprise, que ofrece alojamiento ilimitado para videos. 

Cuando cargues un archivo de video, verifica que cumpla estos requisitos.

Atributo Especificación
Tipo de archivo Solo .mp4, .m4v, .mov
Tamaño del archivo
  • Páginas de cursos: límite de 5000 MB por lección
  • Páginas de videos: límite de 5000 MB
  • Fondos de sección y bloques de video: límite de 500 MB
Largo
  • Páginas de cursos: límite de tres horas por lección (si el almacenamiento lo permite)
  • Páginas de videos: límite de tres horas (si el almacenamiento lo permite)
  • Bloqueos de video: límite de 30 minutos
  • Fondos de sección: límite de 60 segundos
Resolución mínima 360p
Resolución máxima de pantalla 1080p
Resolución máxima de carga 4K
Relación de aspecto Se mostrarán videos de cualquier relación de aspecto, pero recomendamos subirlos a las 16:9 ya que se verán mejor en cualquier reproductor de videos en Squarespace.
Tasa de bits de video
  • 360p: 1.5 MBps
  • 1080p: 3 MBps
Tasa de bits de audio 128k
Códecs de audio AAC-HE v1, .mp3
Códecs de video .mpeg-4, AVC/H.264, HEVC/H.265, ProRes

Nota

Cuando subes un archivo de video a Squarespace directamente, lo convertimos automáticamente en un archivo mp4 que puede mostrarse a 1080p o 360p para maximizar la compatibilidad con todos los dispositivos, navegadores y conexiones a Internet. No hay forma de seleccionar manualmente qué resolución se muestra. Estos archivos convertidos tienen una tasa de bits de audio de 128k y una tasa de bits de video de 1.5 (360p) o 3MBps (1080p).

Examinar archivos de video

Para determinar si tu video cumple con los requisitos que indicamos arriba, deberás examinar los metadatos del archivo de video. Si el video no cumple con todos los requisitos enumerados, te recomendamos actualizarlo. En particular, asegúrate de que el video use codecs de audio y video compatibles. 

Para examinar la información de un video en una Mac:

  1. Abre el archivo de video en tu computadora.
  2. Presiona Command + I.
  3. En la ventana que se abre, haz clic en Más información.

Para examinar la información de un video en un dispositivo Windows:

  1. Haz clic con el botón derecho en el archivo de video y luego en Propiedades.
  2. Haz clic en la pestaña Detalles de la ventana Propiedades para ver los metadatos. Si no aparece la información de los codecs, visita la documentación de Microsoft.

Opción 2: Insertar videos

Para insertar un video, cárgalo en un host de video de terceros y, a continuación, usa la URL del video o el código de inserción para agregar el video a tu sitio. Visita la documentación de ayuda de YouTube o Vimeo para conocer los requisitos de los archivos para subir videos en sus servicios.

Si debes usar una URL de video o un código de inserción de video depende del alojamiento del video y del tipo de video. En general, puedes incrustar videos de YouTube y Vimeo con la URL del video. Para opciones avanzadas de reproducción o videos de otros servicios como Animoto o Wistia, debes usar código de inserción.

Para obtener más información, visita Incrustar videos de servicios de terceros en tu sitio.

Reutilizar videos cargados

Puedes reutilizar cualquier video cargado en cualquier otra parte de tu sitio donde puedas cargar videos. Usa la biblioteca de recursos para ver y administrar todos los videos cargados. Para obtener más información, visita Administrar y reutilizar imágenes y videos.

Crear videotecas

Puedes crear bibliotecas de contenido de video en tu sitio con páginas de videos. En una página de videos, puedes subir videos directamente o insertar videos alojados en YouTube o Vimeo. Para obtener más información, consulta Páginas de videos.

Agregar videos de fondo

Agrega videos de fondo para crear un elemento visual atractivo para el diseño de tu sitio. Estos videos:

  • Aparecen como fondo, detrás del contenido de la página.
  • No tienen sonido.
  • Se repiten en un bucle continuo.

Para obtener más información, visita Cómo agregar videos de fondo.

Usa .gifs animados

Como alternativa a los videos, puedes usar imágenes .gif animadas. Los .gif animados se reproducen automáticamente, en bucle y no incluyen sonido. Puedes usar un .gif en cualquier lugar de tu sitio donde puedas agregar imágenes, incluyendo bloques de imágenes, banners y bloques de galería.

Revisar métricas de videos

Actualmente no incluimos los indicadores de Vimeo en Squarespace Analytics para los videos subidos o insertados.

Si insertas videos, ponte en contacto con el host de videos para obtener más información sobre los indicadores. Tu servicio de video, no Squarespace, controla cómo y cuándo cuentan las reproducciones. Las reproducciones de videos insertados pueden agregarse al recuento de visualizaciones, según dónde alojes los videos:

  • YouTube: para contar las visualizaciones, visita tu análisis de YouTube, que contiene un desglose de dónde encuentran tus videos los espectadores. Obtén más información en la serie de análisis de YouTube. Si tienes preguntas específicas sobre el recuento de visitas, consulta la comunidad de ayuda de YouTube.
  • Vimeo: para contar las vistas, visita tu video en Vimeo y abre el panel de análisis. Obtén más información en la documentación de Vimeo.

Para obtener ayuda con otros servicios, visita su documentación.

Resolución de problemas

Los videos tardan mucho tiempo en cargarse

Si un video tarda en cargarse, probablemente necesite ese tiempo extra para almacenarse en búfer. Muchos videos más largos o en HD requieren más tiempo para cargarse, especialmente por la velocidad de tu conexión a internet.

Al hacer clic en "Reproducir" en un video comenzará el proceso de almacenamiento en búfer. Si pausas el video y esperas que se cargue el contenido en segundo plano, deberías poder reproducir el video con menos inconvenientes.

Los videos tienen distintos tamaños

Si los videos son de diferentes tamaños, probablemente se deba a sus relaciones de aspecto. Para obtener más información, visita Comprender las relaciones de aspecto.

Los títulos de video no aparecen en los bloques de video

Si el bloque de video tiene una imagen destacada personalizada, el título del video se ocultará. Para mostrar el título del video en la esquina superior izquierda, borra la imagen destacada personalizada.

Los videos subidos no se visualizan como se esperaba  

Si tienes problemas con la forma en que se muestra el video que subiste, vuelve a tu software de edición de video e intenta exportar el video nuevamente, asegurándote de que tu archivo cumpla con nuestros requisitos, sin cambiar ninguna configuración adicional.

La exportación de videos queda fuera del alcance de nuestra Atención al Cliente. 

Videos relacionados de YouTube se reproducen después de mi video

YouTube muestra automáticamente los videos relacionados después de que finaliza la reproducción de un video. Esta es una característica de YouTube que no está controlada por Squarespace y que no se puede deshabilitar.

Para evitar mostrar videos relacionados, intenta subir el video directamente o alojarlo en otro servicio compatible. Ten en cuenta que algunos servicios requieren una cuenta paga para deshabilitar videos relacionados.

Los videos de Vimeo que no aparecen en la lista muestran un error

Si la configuración de privacidad de tu video de Vimeo está establecida en No listado y el video muestra un error cuando se incrusta en tu sitio de Squarespace, esposible que tengas que actualizar tu código de inserción de video. 

El código de inserción de Wistia no funciona

Es posible que el código de inserción predeterminado de Wistia no funcione en ciertas áreas. En su lugar, recomendamos usar su código de inserción alternativo (iframe).

Los videos de Wistia son muy pequeños

En las páginas de proyectos (solo en la versión 7.0), los videos de Wistia se muestran en un marco más pequeño. Para evitar este problema, usa otra plataforma de alojamiento de videos.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.