Ajouter des vidéos sur votre site

Importez et intégrez des vidéos à vos pages pour interagir avec vos visiteurs.

Dernière mise à jour le 6 février 2025

Ajoutez des vidéos à votre site pour faire passer le message de votre marque, raconter des histoires plus intéressantes et maintenir l’intérêt des visiteurs. Sur Squarespace, vous pouvez :

  • Charger des vidéos : hébergez vos vidéos sur votre site. Cette option est disponible pour les blocs Vidéos sur tous les sites, les pages Vidéos et les arrière-plans de section des sites qui utilisent la version 7.1. Chaque site Squarespace peut contenir jusqu’à 30 minutes de vidéo chargée. Pour bénéficier d’un espace de stockage plus important, souscrivez un forfait Produits numériques.
  • Intégrer des vidéos : intégrez des vidéos de YouTube et Vimeo. Ces services sont très réputés pour leur qualité de streaming, leur facilité de chargement et leur contrôle sur la lecture vidéo.

Ce guide explique où vous pouvez ajouter des vidéos et contient des liens vers des étapes spécifiques pour ajouter des vidéos à votre site.

Astuce

le Kit marketing de l’application Squarespace pour iOS vous permet de créer des vidéos de qualité professionnelle qui correspondent au design et au branding de votre site. Vous pouvez ensuite intégrer ou charger les vidéos sur votre site.

Regarder une vidéo explicative

Les zones dans lesquelles vous pouvez ajouter des vidéos

Les emplacements dans lesquels vous pouvez ajouter des vidéos dépendent de la version de votre site.

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

Les sections Galerie ne permettent pas d’ajouter des vidéos.

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

Option 1 - Charger des vidéos

Chargez des vidéos sur le service d’hébergement de Squarespace à partir de votre appareil. Utilisez cette option pour les vidéos que vous possédez ou que vous avez achetées auprès d’un tiers.

Actuellement, vous pouvez charger des fichiers vidéo sur les :

Pour ajouter des vidéos dans d’autres zones, vous devez intégrer votre vidéo. Pour en savoir plus sur l’utilisation de vidéos sur votre site, consultez les Conditions d’utilisation de Squarespace.

Accéder à cette fonctionnalité

Vous pouvez charger jusqu’à 30 minutes au total de vidéo sur n’importe quel site. Si la durée totale de vos vidéos atteint la limite, souscrivez un forfait Produits numériques pour bénéficier d’un espace de stockage plus important ou supprimez des vidéos pour libérer de l’espace. Vous pouvez également opter pour notre forfait Enterprise, qui offre un espace de stockage vidéo illimité. 

Lorsque vous chargez un fichier vidéo, assurez-vous qu’il répond aux exigences suivantes.

Attribut vidéo Caractéristiques techniques
Type de fichier Uniquement .mp4, .m4v, .mov
Taille du fichier
  • Pages Cours : limite de 5 000 Mo par leçon
  • Pages Vidéos : limite de 5 000 Mo
  • Arrière-plans de section et blocs Vidéo : limite de 500 Mo
Longueur
  • Pages Cours : limite de trois heures par leçon (sous réserve de disponibilité de stockage)
  • Pages Vidéos : limite de trois heures (sous réserve de disponibilité de stockage)
  • Blocs Vidéo : limite de 30 minutes
  • Arrière-plans de section : limite de 60 secondes
Résolution minimale 360p
Résolution d’affichage maximale 1080p
Résolution de chargement maximale 4K
Valeur de proportion Les vidéos s’afficheront quel que soit le format d’image, mais nous vous recommandons de les charger au format 16:9, car elles apparaîtront plus belles sur n’importe quel lecteur vidéo de Squarespace.
Débit vidéo
  • 360 p : 1,5 Mbit/s
  • 1080 p : 3 Mbit/s
Débit audio 128 ko
Codecs audio AAC-HE v1, .mp3
Codecs vidéo .mpeg-4, AVC/H.264, HEVC/H.265, ProRes

Remarque

lorsque vous chargez un fichier vidéo directement sur Squarespace, il est automatiquement converti au format mp4. Le fichier pourra ainsi s’afficher en 1080p ou 360p afin d’optimiser la compatibilité avec tous types d’appareils, de navigateurs et de connexions Internet. La résolution ne peut pas être sélectionnée manuellement. Ces fichiers convertis ont un débit audio de 128 Ko et un débit vidéo de 1,5 Mbit/s (360p) ou 3 Mbit/s (1080p).

Vérifier vos fichiers vidéo

Pour savoir si votre vidéo répond à nos exigences indiquées ci-dessus, vous devez vérifier les métadonnées du fichier. Si elle ne répond pas à toutes les exigences répertoriées, nous vous recommandons de la mettre à jour. Assurez-vous notamment que la vidéo utilise les codecs audio et vidéo pris en charge. 

Pour vérifier les informations d’une vidéo sur un Mac :

  1. Ouvrez le fichier vidéo sur votre ordinateur.
  2. Appuyez sur Commande + I.
  3. Dans la fenêtre qui s'ouvre, cliquez sur Plus d'informations.

Pour vérifier les informations d’une vidéo sur un appareil Windows :

  1. Cliquez avec le bouton droit de la souris sur le fichier vidéo, puis sélectionnez Propriétés.
  2. Cliquez sur l’onglet Détails dans la fenêtre Propriétés pour afficher les métadonnées. Si les informations sur les codecs n’apparaissent pas, consultez la documentation de Microsoft.

Option 2 - Intégrer des vidéos

Intégrez vos vidéos en les chargeant sur un hébergeur vidéo tiers, puis en utilisant l’URL ou le code d’intégration de la vidéo pour l’ajouter à votre site. Consultez la documentation d’aide de YouTube ou de Vimeo pour connaître les exigences relatives aux fichiers vidéo lorsque vous chargez des vidéos sur leur service.

Choisir d’utiliser une URL ou un code d’intégration pour une vidéo dépend de l’hébergeur et du type de vidéo. En général, vous pouvez intégrer des vidéos hébergées sur YouTube ou sur Vimeo à l’aide de l’URL de la vidéo. Pour accéder aux options de lecture avancées ou charger des vidéos provenant d’autres services tels qu’Animoto ou Wistia, vous devez utiliser un code d’intégration.

Pour en savoir plus, consultez la page Intégrer des vidéos provenant de services tiers à votre site.

Réutiliser les vidéos importées

Vous pouvez réutiliser n’importe quelle vidéo importée n’importe où sur votre site où il est possible de charger des vidéos. Utilisez la bibliothèque de ressources pour afficher et gérer toutes les vidéos chargées. Pour en savoir plus, consultez l’article Gérer et réutiliser des images et des vidéos.

Créer des vidéothèques

Vous pouvez créer des bibliothèques de contenu vidéo sur votre site à l’aide de pages Vidéos. Sur une page Vidéos, vous pouvez charger des vidéos directement ou intégrer des vidéos hébergées sur YouTube ou Vimeo. Pour en savoir plus, consultez l’article Pages Vidéos.

Ajouter des vidéos d’arrière-plan

Ajoutez des vidéos d’arrière-plan pour créer un élément visuel attrayant pour le design de votre site. Ces vidéos :

  • S’affichent en arrière-plan, derrière le contenu de la page
  • N'ont pas de son
  • Sont répétées en boucle

Pour en savoir plus, consultez l’article Ajouter des vidéos d’arrière-plan.

Utiliser des images animées au format .gif

Au lieu de vidéos, vous pouvez utiliser une image animée .gif. Les .gifs animés sont lus automatiquement, en boucle et sans son. Vous pouvez utiliser un .gif n’importe où sur votre site où vous pouvez ajouter des images, notamment les blocs Images, les bannières et les blocs Galerie.

Examiner les indicateurs des vidéos

Nous ne proposons pas actuellement d’indicateurs vidéo dans Squarespace Analytics pour les vidéos chargées ou intégrées.

Si vous intégrez des vidéos, contactez votre hébergeur vidéo pour en savoir plus sur les paramètres vidéo. C'est votre service vidéo, et non Squarespace, qui contrôle l'heure, la date et la façon dont les lectures de vos vidéos sont comptabilisées. Les lectures de vidéos intégrées peuvent augmenter votre nombre de vues, en fonction de l'endroit où vous hébergez vos vidéos :

  • YouTube : pour connaître le nombre de vues, consultez vos statistiques YouTube, qui indiquent les différents emplacements où les spectateurs trouvent vos vidéos. Pour en savoir plus, consultez la Série de statistiques de YouTube. Pour des questions spécifiques concernant le nombre de vues, consultez les articles dans la communauté d'aide de YouTube.
  • Vimeo : pour connaître le nombre de vues, allez sur votre vidéo sur Vimeo et ouvrez le panneau d'analyses. Pour en savoir plus, consultez la documentation de Vimeo.

Pour en savoir plus sur les autres services d’hébergement, consultez leur documentation.

Résolution de problèmes

Les vidéos se chargent trop lentement

Si le temps de chargement d’une vidéo est long, cela signifie probablement que ce temps supplémentaire est nécessaire pour la mettre en mémoire tampon. De nombreuses vidéos plus longues ou en HD nécessitent plus de temps pour être chargées, selon la vitesse 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.

Vidéos de taille différente

Si vos vidéos sont de tailles différentes, c'est probablement dû à leur valeur de proportion. Pour en savoir plus, consultez l’article Comprendre les valeurs de proportion.

Les titres des vidéo n’apparaissent pas dans les blocs Vidéo

Si votre bloc Vidéos possède une image mise en avant personnalisée, le titre de la vidéo est masqué. Pour afficher le titre de la vidéo en haut à gauche, supprimez l’image mise en avant personnalisée.

Les vidéos mises en ligne ne s’affichent pas comme prévu  

Si vous rencontrez des problèmes avec l’affichage de votre vidéo mise en ligne, ouvrez votre logiciel de montage vidéo et exportez de nouveau la vidéo, en vous assurant que votre fichier répond à nos exigences, sans modifier aucun paramètre supplémentaire.

L’exportation de vidéos n’est pas prise en charge par notre assistance. 

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

À la fin de chaque vidéo, YouTube affiche automatiquement des vidéos similaires. Il s’agit là d’une fonctionnalité de YouTube qui n’est pas contrôlée par Squarespace et qui ne peut pas être désactivée.

Si vous ne voulez pas que des vidéos similaires soient affichées, chargez directement votre vidéo ou hébergez-la sur un autre service pris en charge. Notez qu’avec certains services, un compte payant est nécessaire pour désactiver les vidéos similaires.

Les vidéos Vimeo non répertoriées affichent un message d’erreur

Si les paramètres de confidentialité de votre vidéo Vimeo sont définis sur Non répertoriés et que la vidéo affiche un message d’erreur lorsqu’elle est intégrée à votre site Squarespace, essayez de mettre à jour le code d’intégration de votre vidéo.

Le code d'intégration Wistia ne fonctionne pas

Le code d’intégration par défaut de Wistia peut ne pas fonctionner dans certaines zones de Squarespace. Nous vous recommandons plutôt d’utiliser son code d’intégration de secours (iframe).

Le format des vidéos Wistia est trop petit

Sur les pages Projet (version 7.0 uniquement), les vidéos Wistia sont affichées dans un format plus petit. Pour éviter ce problème, utilisez une autre plateforme d’hébergement de vidéos.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Ajouter des vidéos sur votre site