Chargez, intégrez ou créez un lien vers une vidéo en fonction des besoins de votre projet.

Vous pouvez ajouter des vidéos à votre site en les chargeant directement, en ajoutant une URL ou en collant du code incorporé. En général, le chargement ou l’utilisation de l’URL de la vidéo est plus pratique, tandis que le code incorporé offre des options d’affichage plus avancées.

Pour ajouter une vidéo à l’aide d’une URL ou d’un code incorporé, chargez d’abord votre vidéo sur un hébergeur pris en charge tel que YouTube ou Vimeo, puis copiez l’URL ou le code incorporé de la vidéo. Ce guide présente les différentes manières d’ajouter des vidéos à votre site et indique quand utiliser chacune d’elles.

Remarque : nous avons des instructions étape par étape pour les différents endroits où vous pouvez ajouter des vidéos. Pour résoudre les problèmes liés aux vidéos, consultez l’article Ajouter des vidéos sur votre site Squarespace.

Charger une vidéo sur Squarespace

Si vous voulez que Squarespace héberge vos vidéos, chargez-les directement depuis votre appareil sur votre site. Vous pouvez utiliser cette option pour ajouter des vidéos que vous possédez sur votre site, sans avoir à faire appel à un hébergeur vidéo tiers.  

Actuellement, vous pouvez charger des fichiers vidéo dans des blocs Vidéo de tous les sites et des pages Cours, des pages Vidéos et des arrière-plans de section pour les sites qui utilisent la version 7.1.

Vous pouvez charger gratuitement un total de 30 minutes de vidéo sur votre site. Si vous atteignez la limite, abonnez-vous à un forfait Produits numériques pour plus d’espace de stockage. 

Pour découvrir les spécifications de chargement des vidéos, consultez l’article Ajouter des vidéos sur votre site.

Utiliser l’URL d’une vidéo

Si vous souhaitez héberger vos vidéos en dehors de Squarespace, vous pouvez intégrer des vidéos YouTube ou Vimeo sur votre site en copiant-collant l’URL de la vidéo dans des zones telles que les arrière-plans, les pages Cours, les blocs Vidéo et les pages Vidéos.

Pour savoir comment utiliser les URL des vidéos pour ajouter des vidéos à votre site, consultez les guides suivants :

• Vidéo d’arrière-plan
• Page Cours
• Blocs Galerie
• Bloc Vidéo
• Page Vidéos

Pour des options d’affichage avancées, ajoutez votre vidéo à l’aide du code incorporé.

Utiliser du code incorporé

Pour des options vidéo plus avancées, vous pouvez copier et coller le code incorporé de votre hébergeur vidéo. L’utilisation de code incorporé est la meilleure option dans les cas suivants :

• Utilisation des paramètres d’affichage avancés fournis par votre hébergeur vidéo.
• Intégration de vidéos d’Animoto, Wistia et d’autres hébergeurs de vidéos dans des blocs Intégrer.

Remarque : votre hébergeur vidéo doit utiliser la norme oEmbed pour fonctionner avec des blocs et des pages. Si votre hébergeur n’utilise pas la norme oEmbed, nous vous recommandons de la charger sur un service qui la prend en charge. Sinon, collez le code dans un bloc Code. Ce type de code personnalisé ne fait pas partie des domaines de compétence de l’assistance de Squarespace.

Pour commencer, personnalisez votre vidéo dans votre hébergeur vidéo et copiez son code incorporé. 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.

Voici un exemple de code incorporé de YouTube :

Ajouter un code d’intégration aux blocs Intégrer 

Pour ajouter des vidéos à l’aide du code d’intégration aux blocs Intégrer :

1. Dans l’éditeur de blocs, cliquez sur Extrait de code, puis sur Données d’intégration.
2. Collez votre code d’intégration dans le champ Données d’intégration.
3. Cliquez sur Retour.
4. Ajoutez une image ou une description mise en avant pour plus de personnalisation.
5. Cliquez sur Enregistrer.

Ajouter un code d’intégration aux blocs Galerie

Pour ajouter des vidéos à l’aide de code incorporé à des blocs Galerie :

1. Dans l’éditeur de bloc, cliquez sur +.
2. Cliquez sur Ajouter une vidéo, puis sur l’icône </>.
3. Collez votre code d’intégration dans la fenêtre pop-up Données d’intégration.
4. Cliquez sur Configurer.
5. Le message « Les données d’intégration ont été configurées manuellement » peut apparaître. Il confirme que nous reconnaissons le code incorporé.
6. Ajoutez une image mise en avant, un titre, une légende ou une description pour plus de personnalisation.
7. Cliquez sur Enregistrer.

Ajouter du code incorporé à des pages Galerie et des pages de couverture (version 7.0)

Si votre site utilise la version 7.0, vous pouvez également intégrer du code à d’autres endroits :

• Pour intégrer du code dans des pages Galerie, consultez l’article Pages Galerie dans la version 7.0.
• Ajoutez des vidéos d’arrière-plan à l’aide de code incorporé dans certaines dispositions de pages de couverture.