Blocs Vidéo

Chargez ou intégrez un fichier vidéo que les visiteurs peuvent visionner directement sur votre site.

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

Utilisez un bloc Vidéo pour ajouter une seule vidéo à une page de votre site. Vous pouvez charger une vidéo directement ou ajouter une vidéo hébergée sur YouTube ou Vimeo.

Pour plus d’options concernant l’ajout de vidéos à votre site, consultez l’article Ajouter des vidéos sur votre site.

Regarder une vidéo

Ajouter un bloc Vidéo

Pour ajouter un bloc Vidéo :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou sur un point d’insertion, puis sur Vidéo. Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  3. Ajoutez une vidéo en chargeant un fichier ou en collant une URL.
  4. (Facultatif) Ajoutez une image mise en avant personnalisée.
  5. (Facultatif) Si vous avez chargé une vidéo, personnalisez ses paramètres de lecture.
  6. (Facultatif) Ajoutez une description de la vidéo.
  7. Lorsque vous avez terminé, cliquez en dehors de l’éditeur de bloc. Vos modifications sont enregistrées automatiquement.

Charger une vidéo

Vous pouvez charger un seul fichier vidéo d’une durée maximale de 30 minutes dans un bloc Vidéo. Avant de procéder au chargement, tenez compte des points suivants :

  • Vous pouvez charger gratuitement jusqu’à 30 minutes de vidéo haute résolution directement sur votre site Squarespace. Pour obtenir plus d’espace de stockage, abonnez-vous au service Produits numériques.
  • Les fichiers vidéo chargés doivent répondre à nos exigences en matière de fichiers vidéo.
  • Les vidéos s’affichent dans un lecteur avec une valeur de proportion de 16:9, de sorte que des barres noires ou des espaces vides s’affichent sur les vidéos avec d’autres valeurs de proportion.
  • Si la vidéo que vous avez chargée reçoit un très grand nombre de vues sur une courte période, il se peut que nous ne continuions pas à la prendre en charge. Dans ce cas, nous vous contacterons directement pour discuter des meilleures options d’hébergement pour vous.

Pour charger une vidéo :

  1. Dans l’éditeur de bloc, cliquez ou appuyez sur +. Si l’éditeur de bloc n’est pas ouvert, cliquez sur l’icône crayon dans la barre d’outils du bloc.
  2. Sélectionnez Charger un fichier. Pour réutiliser une vidéo que vous avez déjà chargée sur votre site, choisissez Sélectionner dans la bibliothèque.
  3. Sélectionnez le fichier que vous souhaitez utiliser. Si vous avez chargé un nouveau fichier, attendez que le chargement se termine.

Ajouter une vidéo d’un service tiers

Ajoutez au bloc Vidéos des vidéos hébergées sur YouTube ou Vimeo en utilisant leur URL. Pour les vidéos hébergées sur d’autres services ou si vous voulez utiliser des options de lecture avancées pour n’importe quel hébergeur vidéo, utilisez un bloc Intégrer. Si vous ne savez pas quel bloc utiliser, consultez l’article Intégrer des vidéos de services tiers sur votre site.

Astuce

le bloc Vidéos prenait auparavant en charge l’intégration de vidéos avec du code d’intégration. Les blocs Vidéos utilisant cette méthode ont été automatiquement déplacés vers le bloc Intégrer.

  1. Trouvez la vidéo que vous souhaitez utiliser dans un onglet distinct de votre navigateur web.
  2. Copiez l’URL qui se trouve dans la barre d’adresse de votre navigateur ou dans la zone Partager (selon votre hébergeur vidéo).
  3. Dans l’éditeur de bloc, cliquez sur + et sélectionnez Ajouter à partir du lien.
  4. Collez l’URL dans le champ URL de la vidéo. Vous pouvez pour cela utiliser le raccourci clavier Ctrl + V (ou  + V sur Mac).
  5. Cliquez sur Ajouter.
Squarespace_Super_Bowl_2015__Om_-_DreamingWithJeff_com_-_YouTube.png
  1. Trouvez la vidéo que vous souhaitez utiliser dans un navigateur web.
  2. Copiez l’URL de votre vidéo (celle-ci se trouve dans la barre d’adresse de votre navigateur ou dans la zone Partager, selon votre hébergeur vidéo).
  3. Revenez à l’application Squarespace et appuyez sur + dans l’éditeur de bloc, puis sur Ajouter à partir du lien.
  4. Dans la fenêtre qui s’affiche, collez l’URL dans le champ de texte et appuyez sur Ajouter.

Ajouter une image mise en avant personnalisée

Une fois le chargement d’une vidéo terminé, vous pouvez ajouter une image mise en avant personnalisée. Sur votre site, l’image s’affiche en superposition de la vidéo avant le démarrage de la lecture.

À retenir :

  • L’image sélectionnée est automatiquement recadrée selon la valeur de proportion du conteneur du bloc Vidéo (16:9). Pour les vidéos ajoutées via URL, la valeur de proportion correspond à l’image miniature du service d’hébergement vidéo (généralement 16:9).
  • L’image masque le titre de la vidéo.
  • L’image peut ne pas s’afficher pour les vidéos configurées pour être lues automatiquement.
  • Sur les appareils mobiles, appuyez sur la vidéo pour afficher l’image, puis de nouveau pour la lire.

Pour ajouter une image mise en avant :

  1. Dans l’éditeur de bloc, activez l’option Image mise en avant personnalisée.
  2. Cliquez ou appuyez sur + pour charger une image, réutiliser une image que vous avez déjà chargée ou utiliser une image d’archive (ordinateur uniquement).

Personnaliser les paramètres vidéo

Une fois votre vidéo chargée, vous pouvez personnaliser ces paramètres dans l’éditeur de blocs :

  • Couper le son de la vidéo : par défaut, la vidéo est lue sans le son. Les visiteurs peuvent augmenter le volume lorsqu’ils la regardent.
  • Lecture automatique : la lecture de la vidéo commence dès le chargement de la page. Pour activer la lecture automatique, vous devez commencer par activer l’option Couper le son de la vidéo. 
  • Lecture en boucle : à la fin de la vidéo, la lecture reprend automatiquement au début.
  • Commandes du lecteur : sélectionnez Toutes, Minimum ou Aucune pour personnaliser le nombre de commandes affichées.

Astuce

les paramètres de lecture vidéo ne sont personnalisables que pour les vidéos importées. Si vous voulez utiliser les options de lecture avancées pour d’autres hébergeurs vidéo, utilisez un bloc Intégrer.

Ajouter une description à la vidéo

Pour ajouter une légende dans le champ Description de l’éditeur de bloc, cliquez ou appuyez sur Ajoutez une description ici… et saisissez votre description. Vous pouvez modifier ce texte à tout moment, mais il ne s’affichera pas tant que vous n’aurez pas ajouté de vidéo.

Certains services vidéo remplissent automatiquement ce champ lorsque vous ajoutez une vidéo via une URL. 

Supprimer le contenu d’un bloc Vidéos

Supprimer de la page un bloc Vidéos

Pour entièrement supprimer de la page un bloc Vidéos, cliquez sur le bloc, puis sur l’icône corbeille dans la barre d’outils du bloc. Pour en savoir plus, consultez l’article Supprimer des blocs.

Supprimer une vidéo d’un bloc Vidéos

Pour supprimer la vidéo tout en conservant le bloc Vidéos, cliquez sur l’icône crayon dans la barre d’outils du bloc pour ouvrir l’éditeur de blocs. Cliquez ensuite sur l’icône corbeille ou sur Remplacer dans l’onglet Contenu.

Supprimer de votre bibliothèque de ressources une vidéo importée

Si vous supprimez d’un bloc Vidéo une vidéo chargée, elle ne sera pas définitivement supprimée de votre site. Le fichier vidéo est conservé dans votre bibliothèque de ressources pour que vous puissiez le réutiliser ailleurs sur votre site.

Pour supprimer complètement le fichier vidéo de votre site et libérer de l’espace de stockage, consultez l’article Gérer et réutiliser les images et les vidéos.

Résolution de problèmes

Pour résoudre les problèmes liés aux blocs Vidéo, consultez l’article Ajouter des vidéos sur votre site Squarespace.

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