Intégrer des vidéos de services tiers sur votre site

Utilisez les URL ou les codes d’intégration de vidéos YouTube ou Vimeo pour les ajouter à votre site.

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

Pour présenter des vidéos sur votre site, vous devez choisir l’endroit où elles s’afficheront, par exemple dans un bloc Vidéos, et y ajouter la vidéo. Nous vous recommandons de charger les vidéos directement sur votre site. Toutefois, si la vidéo est hébergée sur YouTube ou Vimeo, vous pouvez l’ajouter avec son URL ou son code d’intégration.

  • Les URL des vidéos sont plus pratiques et vous pouvez les utiliser partout où vous diffusez des vidéos sur Squarespace. Elles ne sont disponibles que pour YouTube et Vimeo.
  • Les codes d’intégration offrent des options d’affichage plus avancées et peuvent être utilisés avec d’autres hébergeurs tiers tels que Wistia et Animoto.

Ce guide présente les différentes manières d’ajouter des vidéos à votre site et indique quand utiliser chacune d’elles. Pour en savoir plus sur les différentes options d’affichage de vidéos sur votre site, rendez-vous sur Ajouter des vidéos sur votre site.

Astuce

Créez un lien vers votre page de profil YouTube ou Vimeo en affichant des icônes sociales.

Utiliser l’URL d’une vidéo

Pour intégrer une vidéo en utilisant son URL, vous devez vous rendre sur la page de la vidéo et copier l’URL dans la barre de navigation. Vous pouvez ensuite la coller dans le champ URL de la vidéo partout où vous ajoutez des vidéos sur votre site Squarespace.

Squarespace prend en charge les URL des vidéos provenant de :

  • YouTube
  • Vimeo

Pour les vidéos YouTube, vérifiez que l’URL inclut l’un des éléments suivants :

  • youtube.com/watch
  • youtube.com/playlist
  • youtu.be

Pour utiliser les options de lecture avancées ou d’autres types de vidéos YouTube, comme des vidéos courtes et des clips, ajoutez la vidéo avec un code d’intégration.

Voici un exemple d’URL d’une vidéo YouTube telle qu’elle apparaît dans la barre de votre navigateur :

URL de la vidéo YouTube dans la barre d’adresse du navigateur.png

Utiliser du code d’intégration

Pour utiliser les options de lecture avancées proposées par YouTube et Vimeo ou pour intégrer des vidéos provenant d’autres services tels qu’Animoto et Wistia, utilisez le code d’intégration.

Les endroits suivants de votre site permettent d’ajouter des vidéos avec un code d’intégration :

Les autres zones vidéo ne permettent que le téléchargement direct de vidéos ou les URL provenant de YouTube et Vimeo.

Pour commencer, personnalisez votre vidéo dans votre hébergeur vidéo, puis copiez son code d’intégration. Les étapes pour trouver le code varient selon le service d’hébergement. Si vous ne trouvez pas le code, contactez votre service d’hébergement. Collez ensuite le code dans le champ Code d’intégration de votre option d’affichage vidéo dans Squarespace.

Pour résoudre les problèmes, accédez à Ajouter des vidéos sur votre site.

Remarque

votre hébergeur vidéo doit utiliser la norme oEmbed pour que le code d’intégration fonctionne sur Squarespace. Si votre code d’intégration ne fonctionne pas et que le code d’intégration ne comporte aucune erreur (faute de frappe par exemple), il est probable que l’hébergeur vidéo ne prenne pas en charge la norme oEmbed. Si vous ne pouvez pas charger votre vidéo sur un service prenant en charge oEmbed, collez le code dans un bloc Code. Bien que le code personnalisé ne fasse pas partie des domaines de compétence de notre assistance, vous pouvez obtenir des conseils de notre communauté sur le Squarespace Forum ou trouver un Squarespace Expert.

Voici un exemple de code d’intégration de YouTube :

code_incorpore_youtube.jpg

Choisissez l’intégration vidéo la plus adaptée

Bien que vous puissiez intégrer la plupart des vidéos YouTube et Vimeo avec leur URL, certains types de vidéos et certaines options nécessitent l’utilisation du code d’intégration.

Si vous souhaitez utiliser des options de lecture avancées, toute vidéo pouvant être ajoutée à l’aide d’une URL peut également être intégrée avec un code, mais vous ne pouvez l’ajouter que dans les zones qui prennent en charge le code d’intégration.

Consultez le tableau ci-dessous afin de savoir quelle option d’intégration utiliser pour votre vidéo et où vous pouvez l’ajouter sur votre site. 

Type de vidéo Méthode d’intégration Où vous pouvez l’intégrer sur votre site
Vidéo YouTube URL de la vidéo
Playlist YouTube
Vidéo Vimeo
Vidéo masquée ou non répertoriée sur YouTube ou Vimeo
Vidéo diffusée en direct depuis YouTube ou Vimeo
Vidéo YouTube dont la diffusion est prévue ultérieurement
YouTube Shorts Code d’intégration
(norme oEmbed uniquement)
Clips YouTube
Options de lecture avancées
Vidéos hébergées sur d’autres services
Vidéos à 360 degrés URL de la vidéo

À retenir :

  • Les URL des vidéos YouTube (y compris celles diffusées en direct) doivent inclure youtube.com/watch ou youtu.be. Les URL de vidéos YouTube diffusées en direct qui incluent /live ne fonctionneront pas.
  • Les URL des playlists YouTube doivent inclure youtube.com/playlist.
  • Les vidéos masquées ou non répertoriées peuvent être intégrées avec une URL si elles sont accessibles par un lien.
  • Lorsqu’une diffusion en direct est terminée, il est possible que la vidéo ne fonctionne pas, selon les paramètres que vous avez définis. Si vous avez besoin d’aide sur le code d’intégration pour la diffusion en direct, consultez la documentation d’aide de YouTube ou de Vimeo.
  • Les vidéos YouTube dont la Première est prévue à une date ultérieure ne s’afficheront qu’après la date de la Première. Pour en savoir plus sur les Premières, consultez la documentation de YouTube.
  • Les vidéos à 360 degrés peuvent affecter la vitesse et l’affichage de votre site.
  • Il est impossible d’intégrer des vidéos YouTube dont l’intégration est restreinte. Si vous n’êtes pas sûr(e) du statut d’une vidéo YouTube (restreinte ou non), vérifiez le code d’intégration sur YouTube. Un avertissement s’affichera si l’intégration est restreinte.
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é.

Intégrer des vidéos de services tiers sur votre site