Remarque : même si nos guides les plus populaires ont été traduits en espagnol, certains guides sont uniquement disponibles en anglais.
Adding videos to your site

Vous pouvez ajouter des vidéos dans les zones suivantes :

  • Blocs Vidéo
  • Blocs Galerie
  • Pages Galerie
  • Pages Projet
  • Pages de Couverture
  • 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.

Vous pouvez intégrer des vidéos (et non pas les télécharger sur le site)

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

Bloc Vidéo

  • Une vidéo par bloc.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Bloc Galerie

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

Block Sommaire

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

Pages de Couverture

  • Disponible sur certaines mises en page
  • Videos play in a lightbox with sound when clicked.

Add videos to Gallery Pages

Vous pouvez ajouter des Pages Galerie à tous les templates pour présenter vos images et vos vidéos.

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 plupart des Pages Galerie possèdent plus d'une option de mise en page.
  • Vous pouvez déplacer des images et des vidéos d'une Page Galerie à une autre.
  • 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. 
Conseil : vous pouvez également ajouter une vidéo à une Page Projet, ce qui est une option de galerie spécifique aux templates de la famille York. Pour en savoir plus, visitez Les Pages Projets sur York.

Si vous n'aimez pas la Page Galerie de votre template mais que vous ne souhaitez pas changer de template, vous pouvez ajouter un Bloc Galerie à une Page Normale. Vous obtiendrez ainsi quatre options de mise en page : en grille, en diaporama, en carrousel ou empilé. Pour en savoir plus, visitez la page Blocs Galerie vs Pages Galerie.

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

Page de Couverture

  • Ajoutez une Page de Couverture à votre site et intégrez-y une vidéo d'arrière-plan silencieuse et passant en boucle.
  • La plupart des mises en page prennent en charge les vidéos d'arrière-plan ; et celles-ci doivent être hébergées sur YouTube ou Vimeo.

Arrière-plan de site

  • Some templates support a site-wide background image.
  • Pour ces templates, utilisez une image .gif en tant qu'arrière-plan de site. Cela crée une vidéo d'arrière-plan silencieuse passant en boucle.

Add video banners

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

Banner type Video options

Bannières vidéo

Famille Bedford

  • Anya, Bedford, Bryant, and Hayden support a special slideshow banner on Regular Pages.
  • Pas de lecture automatique
  • Plays with sound
  • Affiche le texte en superposition

Add videos to Index Pages

La Page Index recueille des images et du contenu provenant de différentes pages, et les organise sous forme de diaporama, de grille de vignettes ou de sections empilées. Les Pages Index sont disponibles sur certains templates.

Astuce : certains Index prennent en charge d'autres options, telles que les en-têtes de page avec des zones de bloc modifiables.

Here are ways to use videos with each Index type: 

Index type Video options

Index empilés

  • Les vidéos et les images de bannières .gif sont empilées.
  • Vous pouvez ajouter des champs de contenu avec des Blocs Galerie ou des Blocs Vidéo.
  • Certains Index empilés prennent en charge les Page Galerie.

Index en diaporama

  • Momentum supports Galley Page videos in the Index.
  • Pour tous les autres Index en diaporama, utilisez des images au format .gif pour créer des diapositives mobiles.

Index en grille

  • Les vidéos ne sont pas prises en charge dans une grille de vignettes. Utilisez plutôt une image au format .gif pour créer des vignettes mobiles.

Utiliser des images animées au format .gif

Les images animées au format .gif sont lues automatiquement, en boucle, et restent silencieuses. Vous pouvez utiliser des images .gif dans toutes les zones de votre site où vous pouvez ajouter des images, notamment :

Résolution de problèmes

Les vidéos se chargent trop lentement

Si une vidéo met beaucoup de temps à se charger, elle a probablement besoin de ce délai supplémentaire pour sa mise en mémoire tampon. De nombreuses vidéos, plus longues ou en HD, nécessitent un temps de chargement plus long. De plus, cette durée dépend aussi de votre connexion Internet.

Cliquer sur « Lecture » sur une vidéo démarre le processus de mise en mémoire tampon. Si vous mettez la vidéo sur pause et attendez que le contenu se charge en arrière-plan, vous pourrez la mettre en mémoire tampon et la lire plus facilement.

Des vidéos YouTube similaires se lisent après la mienne

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.  

Les vidéos Vimeo ne sont pas lues en HD

Pour lire des vidéos Vimeo en HD, utilisez le code d'intégration pour ajouter la vidéo, plutôt que son URL. Pour mettre en ligne des vidéos HD 1080p sur Vimeo, vous devez avoir un compte Plus ou PRO chez eux.

Les boutons et commandes ne s'affichent pas sur les vidéos 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.

Le format des vidéos Wistia est trop petit

Sur la Page Projet, les vidéos Wistia sont affichées dans un format plus petit. Pour éviter ce problème, vous pouvez utiliser une plateforme d'hébergement de vidéos différente.

FAQ

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 comptabilise les vues des vidéos intégrées. Pour en savoir plus, consultez la documentation de Vimeo.

For help with other services, visit their documentation.

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

Dans la plupart des cas, nous vous recommandons de mettre votre vidéo en ligne chez un hébergeur compatible. Si cela n'est pas possible, ou bien si vous devez absolument héberger la vidéo ailleurs, nous avons d'autres options à vous proposer.

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

  • Blocs Vidéo
  • Blocs Galerie
  • Pages Galerie
  • Pages de Couverture

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.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 44 sur 132
Adding videos to your site