Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Adding videos to your site

Puedes añadir videos a

  • Bloques de Video
  • Bloques de Galería
  • Páginas de Galería
  • Páginas de proyecto
  • Páginas de Portada
  • Banners (on some templates)

This guide reviews the different areas of your site where you can add videos and links to specific steps for each one.

Puedes integrar videos (no cargarlos directamente)

Squarespace supports embedding videos from YouTube, Vimeo, Animoto, and Wistia. These services are highly respected for their streaming quality, upload ease, and video playback control. 

For these reasons, there's no option to upload a video directly to Squarespace. Embedding videos from another host helps your site load faster, enables visitors to share your videos, and provides multiple options for video hosting.

Hosting options for your video

Before embedding a video on your site, upload the video to a supported external hosting service. Background videos only support YouTube and Vimeo.

Click the links below for their instructions: 

Ensure that your video isn't set to private on your host's page. Only public videos will display properly on your site.

Add videos to pages and posts

You can add individual videos to a Regular Page, Cover Page, blog post, or any other editable blocks area. 

This table covers the different ways you can add videos and the requirements for each.

Tip: See the sections below for help adding videos to Gallery Page or Index Page.
Area Requirements

Bloque de Video

  • Un video por bloque.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Bloque de Galería

  • Show multiple videos in a grid, slideshow, carousel, or stack.
  • Videos can mix with static images.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Bloque de Sumario

  • Pull videos from a Gallery Page to display in a grid, slideshow, carousel, or stack.
  • When clicked, videos open in a lightbox and play with sound.
  • Filter by category or tag.
  • Ensure every video has a thumbnail image for best results.

Páginas de Portada

  • Disponible en algunos diseños
  • Videos play in a lightbox with sound when clicked.

Add videos to Gallery Pages

Cada plantilla soporta añadir Páginas de Galería para exhibir tus imágenes y videos.

The style, layout, caption display, and behavior of your Gallery Page depends on your template. For example, the Wexley template opens images and videos in a lightbox.

  • La mayoría de las Páginas de Galería tienen más de una opción de diseño.
  • Puedes mover las imágenes y videos de una Página de Galería a otra.
  • Pull videos from a Gallery Page into a Summary Block to filter by category or tag.
  • Videos play with sound.
  • Videos can be set to autoplay. 
Consejo: También puedes agregar un video a una Página de Proyecto, que es una opción de galería personalizada para las plantillas de la familia York. Para conocer más, visita Páginas de Proyecto en York.

Si no te agrada la Página de Galería de tu plantilla y no quieres cambiar de plantilla, puedes añadir un Bloque de Galería a una Página Normal. Esto te permite elegir entre cuatro diseños: cuadrícula, presentación de diapositivas, carrusel o apilados. Para más información, visita Bloques de Galería vs. Páginas de Galería.

Add background videos

You can display a video as the background behind page content. There are two ways to do this: 

Content area Video options

Página de Portada

  • Añade una Página de Portada a tu sitio y añádele un video de fondo silencioso y que se reproduzca en bucle.
  • Los videos de fondo son compatibles con la mayoría de los diseños y solo pueden usar videos de YouTube o Vimeo.

Fondo del sitio

  • Some templates support a site-wide background image.
  • Para estas plantillas, usa una imagen .gif como fondo de tu sitio. Esto creará un video silencioso y que se reproducirá en bucle.

Add video banners

Some templates support banners, which display at the top of your site. 

Banner type Video options

Cabeceras en video

Familia Bedford

  • Anya, Bedford, Bryant, and Hayden support a special slideshow banner on Regular Pages.
  • No se reproduce automáticamente.
  • Plays with sound
  • Muestra el texto superpuesto.

Add videos to Index Pages

La Página de Índice reúne imágenes y contenido de diferentes páginas y los ordena como presentación de diapositivas, cuadrícula de imágenes en miniatura o como secciones apiladas. Las Páginas de Índice están disponibles para algunas plantillas.

Consejo: Algunos índices admiten opciones adicionales, como encabezados de página con áreas de bloques editables.

Here are ways to use videos with each Index type: 

Index type Video options

Índice Apilado

  • Videos apilados y cabeceras con imágenes .gif.
  • Añade secciones de contenido con Bloques de Galería o Bloques de Video.
  • Algunos Índices apilados admiten secciones de la Página de Galería.

Índice del tipo Presentación de Diapositivas

  • Momentum supports Galley Page videos in the Index.
  • Para todos los demás Índices del tipo presentación de diapositivas, usa imágenes .gif para crear diapositivas con movimiento.

Índice de Cuadrícula

  • No se admiten videos en la cuadrícula en miniatura. Como alternativa, usa una imagen .gif para crear imágenes en miniatura con movimiento.

Usa .gifs animados

Las imágenes de .gifs animados se reproducen automáticamente en bucle y no incluyen sonido. Puedes usar un .gif en cualquier lugar del sitio donde puedas añadir imágenes, incluso en:

Resolución de problemas

Los videos tardan mucho tiempo en cargarse

Si un video tarda mucho tiempo en cargarse, probablemente necesita ese tiempo extra para almacenarse en búfer. Muchos videos más largos o en HD requieren tiempo adicional para cargar, según la conexión a Internet que tengas.

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.

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

YouTube automatically displays related videos after a video finishes playing. This is a YouTube feature that isn't controlled by Squarespace and can't be disabled. 

To prevent displaying related videos, try hosting your video on another supported service. Note that some services require a paid account to disable related videos.  

Los videos de Vimeo no se reproducen en HD

Para visualizar videos de Vimeo, usa el código integrado para añadir el video, en lugar de la URL. Para cargar videos en HD de 1080p en Vimeo necesitarás un plan de membresía Plus o PRO.

Los botones y los controles no se muestran en los videos Vimeo

Vimeo enables "Tiny Mode" when a Video Block is less than 300 pixels wide or 170 pixels tall. Tiny Mode hides buttons and additional information, such as the title, control bar, and the Watch Later/Share buttons. To prevent this, visitors can view the Video Block on a larger display.

The fullscreen button isn't appearing or working

When logged into your site, the Vimeo and YouTube players won't offer a fullscreen option. You can view the fullscreen version by opening the page in a private or incognito window in your browser.

Los videos de Wistia son muy pequeños

En las Páginas de Proyecto, los videos de Wistia se muestran en un marco más pequeño. Para evitar este inconveniente, puedes usar otra plataforma de alojamiento de video.

Preguntas frecuentes

Do plays on my website count?

Each video service controls when video plays count, not Squarespace. Plays of embedded videos might add to your view count, depending on where the video is hosted:

  • YouTube - Doesn't count views of embedded videos. However, YouTube provides a breakdown of where viewers are finding your videos. Learn more in YouTube Analytics documentation.
  • Vimeo: Vimeo cuenta las visualizaciones de los videos incrustados. Conoce más en la documentación de Vimeo.

For help with other services, visit their documentation.

If Squarespace doesn't support my video host, how do I add my video?

En la mayoría de los casos, te recomendamos subir el video a un servicio compatible. Si no fuera posible, o si tuvieras que mantenerlo guardado en otro lugar, aún tendrás algunas opciones.

Any video sharing service that supports the oEmbed standard can be added to these areas using its embed URL or code:

  • Bloques de Video
  • Bloques de Galería
  • Páginas de Galería
  • Páginas de Portada

Embed codes can't be added to Cover Page background videos.

If this doesn't work and there's no problem with the embed URL or code (like a typo), it's likely that the video host doesn't support the oEmbed standard. If you can't upload it to a service that supports oEmbed, paste the code into a Code Block. Note that custom code like this falls outside of the scope of Squarespace support.

Next steps

Choose whether to add your video using a URL or an embed code.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 44 de 132
Adding videos to your site