Nota: Embora nossos guias mais populares tenham sido traduzidos para o português, alguns guias estão disponíveis apenas em inglês.
Adding videos to your site

É possível adicionar vídeos a:

  • Blocos de Vídeo
  • Blocos de Galeria
  • Páginas de Galeria
  • Páginas de Projeto
  • Páginas de Entrada
  • 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.

Você pode incorporar vídeos (não fazer upload diretamente)

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

Bloco de Vídeo

  • Um vídeo por bloco.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Bloco de Galeria

  • 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.

Bloco de Sumário

  • 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 Entrada

  • Disponíveis em alguns layouts
  • Videos play in a lightbox with sound when clicked.

Add videos to Gallery Pages

Todos os templates suportam que Páginas de Galeria sejam adicionada para exibir imagens e vídeos.

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.

  • A maioria das Páginas de Galeria possui mais de uma opção de layout.
  • Você pode mover imagens e vídeos de uma Página de Galeria para outra.
  • 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. 
Dica: Você também pode adicionar um vídeo a uma página de projeto, que é uma opção de galeria personalizada de templates da família York. Para saber mais, acesse Páginas de Projetos York.

Se não gostar da Página de Galeria do seu template e não desejar alternar entre templates, é possível adicionar um Bloco de Galeria a uma Página Simples. Isso oferece a opção de quatro layouts: grade, slideshow, carrossel ou empilhado. Para saber mais, acesse Blocos de Galeria vs. Páginas de Galeria.

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 Entrada

  • Adicione uma Página de Entrada ao site e insera um vídeo de plano de fundo silencioso e em repetição.
  • Os vídeos do plano de fundo são suportados na maioria dos layouts e somente podem usar vídeos do YouTube ou Vimeo.

Plano de fundo do site

  • Some templates support a site-wide background image.
  • Nesses templates, use uma imagem em .gif como plano de fundo do site. Isso cria um vídeo de plano de fundo silencioso e em repetição.

Add video banners

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

Banner type Video options

Banners de vídeo

Família Bedford

  • Anya, Bedford, Bryant, and Hayden support a special slideshow banner on Regular Pages.
  • Não reproduz automaticamente
  • Plays with sound
  • Exibe texto de sobreposição

Add videos to Index Pages

A Página Índice coleta imagens e conteúdo de diferentes páginas e os organiza em slideshow, grade de miniatura ou seções empilhadas. As Páginas Índice estão disponíveis em alguns templates.

Dica: Algumas Índices suportam opções adicionais, tais como cabeçalhos de páginas com áreas de blocos editáveis.

Here are ways to use videos with each Index type: 

Index type Video options

Índice Empilhada

  • Empilhe vídeo e .gif. de images de banners
  • Adicione seções de conteúdo com Blocos de Galeria ou Blocos de Vídeo.
  • Algumas Índices empilhadas suportam seções de Página de Galeria.

Índice de Slideshow

  • Momentum supports Galley Page videos in the Index.
  • Para todos os outros Índices de slideshow, use imagens de .gif para criar slides que se movimentam.

Índice de Grade

  • Vídeos não são suportados na grade de miniatura. Como alternativa, use uma image de .gif para criar imagens em miniatura que se movimentam.

Usar .gifs animados

As imagens de .gifs animados reproduzem automaticamente em repetição e não incluem som. É possível usar um .gif em qualquer lugar do site em que você possa adicionar imagens, incluindo:

Resolução de problemas

Os vídeos levam muito tempo para carregar

Se um vídeo leva um tempo para carregar, ele provavelmente precisará de tempo extra para fazer o buffer. Muitos vídeos mais longos ou em HD precisam de tempo adicional para carregar, especialmente se você levar em conta sua conexão com a Internet.

Clicar em "Play" em um vídeo inicia o processo de armazenamento em buffer. Se pausar o vídeo e esperar o conteúdo ser carregado em segundo plano, será possível criar o buffer e reproduzir o vídeo com menos problemas.

Vídeos Vimeo não estão reproduzindo em HD

Para exibir vídeos do Vimeo em HD, use o código incorporado para adicionar o vídeo em vez do URL. O carregamento de vídeos HD 1080p no Vimeo requer o plano de adesão Plus ou PRO.

Botões e controles não são exibidos em vídeos do 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.

Os vídeos da Wistia são muito pequenos

Na Página de Projeto, os vídeos da Wistia são exibidos em um quadro menor. Para evitar o problema, você pode usar uma plataforma de hospedagem de vídeo diferente.

Perguntas Frequentes

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 - Conta as visualizações de vídeos incorporados. Saiba mais na documentação do Vimeo.

For help with other services, visit their documentation.

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

Na maioria dos casos, recomendamos que você carregue seu vídeo em um serviço compatível. Se isso não for possível, ou se você precisar mantê-lo hospedado em outro lugar, ainda existem algumas opções.

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

  • Blocos de Vídeo
  • Blocos de Galeria
  • Páginas de Galeria
  • Páginas de Entrada

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.

Esse artigo foi útil?
Usuários que acharam isso útil: 43 de 129
Adding videos to your site