Personnaliser le style des pages Vidéos

Personnalisez les pages Vidéos et les pages Informations sur la vidéo de votre site.

Dernière mise à jour le 30 janvier 2025

Vous pouvez personnaliser les pages Vidéos en fonction de votre marque et de votre style. Utilisez ce guide pour trouver les options de mise en forme et de style de vos pages Vidéos et Informations sur la vidéo.

Les pages Vidéos sont une nouvelle fonctionnalité que nous proposons progressivement aux clients. Si la page Vidéos n’apparaît pas encore comme option dans votre panneau Pages, elle sera disponible plus tard.

Pour obtenir des conseils sur l’accessibilité, consultez l’article Améliorer l’accessibilité des images, de l’audio et des vidéos

Accéder à cette fonctionnalité

Ce guide concerne la version 7.1. Les pages Vidéos ne sont pas prises en charge dans la version 7.0.

Page Vidéos et page Informations sur la vidéo

Les pages Vidéos sont organisées en deux parties : la page Vidéos principale, qui crée une page de destination consultable pour votre vidéothèque, et les pages Informations sur la vidéo individuelles où les visiteurs lisent vos vidéos. Ces zones partagent certains ajustements de style et disposent de leurs propres options de style.

Ouvrir les options de personnalisation

Vous pouvez modifier les options de style de la page Vidéos et de la page Informations sur la vidéo à deux endroits :

  • Page Vidéos - Cliquez sur Modifier sur la page Vidéos, puis sur l’icône crayon dans la section de page Vidéos.
  • Page Informations sur la vidéo - Cliquez sur la vidéo que vous souhaitez personnaliser sur la page Vidéos pour ouvrir la page Informations sur la vidéo. Cliquez sur Modifier, puis sur l’icône crayon. Toutes les pages Informations sur la vidéo d’une page Vidéos partagent les mêmes paramètres de style. Les autres pages Vidéos peuvent avoir des paramètres de style différents pour leurs pages Informations sur la vidéo.

Page Vidéos

Les visiteurs de votre page Vidéos voient toutes les images mises en avant de vos vidéos dans une grille. Dans les styles de la section Vidéos, vous pouvez personnaliser les détails suivants.

Mise en forme

  • Espacement horizontal
  • Espacement vertical
  • Espacement du titre
  • Espacement des métadonnées - Modifiez l’espacement entre le contenu des métadonnées d’une vidéo, comme les catégories et les dates.
  • Afficher la description - Masquez ou affichez la description de chaque vidéo.
  • Contenu des métadonnées principales - Choisissez le contenu des métadonnées qui s’affiche en premier (Catégorie, Date ou Aucun).
  • Contenu des métadonnées secondaires - Choisissez le contenu des métadonnées qui s’affiche en deuxième (Catégorie, Date ou Aucun).
  • Type de catégories - Choisissez si la navigation par catégorie apparaît dans une barre latérale ou en haut de la page Vidéos. Il est impossible de masquer la navigation par catégorie.
  • Afficher le séparateur de catégories - Masquez ou affichez une ligne entre chaque catégorie dans la navigation par catégorie. Cette option n’apparaît que si le Type de catégories est défini sur Principale.
  • Emplacement des images - Choisissez si l’image mise en avant de chaque vidéo apparaît au-dessus ou en dessous du titre, de la description et du contenu des métadonnées de la vidéo.
  • Espacement entre les images
  • Alignement du texte
  • Style du délimiteur - Personnalisez le style de l’icône qui sépare le contenu des métadonnées d’une vidéo (Puce, Barre verticale, Tiret ou Espace).
  • Largeur du contenu texte

Couleurs

Définissez les couleurs de votre site ou donnez une apparence unique à la section Vidéos en choisissant un thème de section différent.

Page Informations sur la vidéo

Par défaut, votre vidéo s’affiche en haut de la page Informations sur la vidéo, avec le titre, la description et tout contenu des métadonnées en dessous. Si vous ajoutez une image mise en avant personnalisée à une vidéo chargée, elle est superposée à la vidéo avant la lecture de celle-ci. Votre vidéo s’affiche toujours en pleine largeur sur la page Informations sur la vidéo. Vous pouvez personnaliser les éléments de style suivants sur les pages Informations sur la vidéo.

Mise en forme

  • Alignement du texte
  • Position des métadonnées - Choisissez si le contenu des métadonnées apparaît au-dessus ou en dessous du titre de la vidéo.
  • Afficher les catégories - Masquez ou affichez les catégories de la vidéo.
  • Afficher la date - Masquez ou affichez la date de publication de la vidéo.
  • Style du délimiteur - Personnalisez le style de l’icône qui sépare le contenu des métadonnées d’une vidéo (Puce, Barre verticale, Tiret ou Espace).
  • Espacement de l’en-tête - Modifiez l’espacement vertical entre le titre et la description de la vidéo. 
  • Affichage des flèches de pagination - Affichez ou masquez les flèches permettant d’accéder aux vidéos suivantes et précédentes.
  • Affichage du titre de pagination - Affichez ou masquez les titres permettant d’accéder aux vidéos suivantes et précédentes.
  • Vidéos associées : affichez ou masquez les vidéos associées sur toutes les pages Informations sur la vidéo de cette page Vidéos.

Couleurs

Définissez les couleurs de votre site ou donnez une apparence unique à vos pages Informations sur la vidéo en choisissant un thème de section différent.

Navigation par catégorie

L’ajout de catégories à vos vidéos crée un menu de navigation sur votre page Vidéos. Les visiteurs peuvent utiliser ces liens pour filtrer les vidéos qui les intéressent. Gardez à l’esprit que la navigation par catégorie :

  • S’affiche uniquement après avoir ajouté au moins une catégorie
  • Ne s’affiche pas lorsque vous cliquez sur une page Informations sur la vidéo
  • Affiche toutes les catégories que vous avez ajoutées à la page, même celles qui ne sont actuellement ajoutées à aucune vidéo

La navigation par catégorie s’affiche en haut de votre page Vidéos ou dans une barre latérale. Vous pouvez modifier la position du menu de navigation en ouvrant les styles de section Vidéos sur votre page Vidéos et en utilisant le curseur Type de catégories pour choisir Barre latérale ou Principale.

Pour masquer une catégorie de la navigation par catégorie, ouvrez les paramètres de la catégorie et désactivez l'option Visibilité du filtre. Pour masquer la première catégorie (nommée Toutes par défaut), ouvrez les paramètres de la page et désactivez l'option Visibilité du filtre dans l'onglet Général.

Pour en savoir plus sur la création et la modification de catégories de vidéos, consultez l'article Organiser les pages Vidéos.

Polices et couleurs

Les couleurs et les polices de la page Vidéos et des pages Informations sur la vidéo suivent les ajustements de police et de couleur de votre site. Vous pouvez également changer le thème de couleurs de la page Vidéos et de la page Informations sur la vidéo dans l’éditeur de style de leurs sections.

Utilisez les ajustements de couleur sous Vidéo : grille basique pour personnaliser le style des pages Vidéos et les ajustements sous Vidéo : élément pour personnaliser le style des pages Informations sur la vidéo.

Mobile

Sur les appareils mobiles ou les tablettes, les vidéos des pages Vidéos s’empilent verticalement. La navigation par catégorie s’affiche toujours en haut de la page. Lorsque la navigation ne tient pas sur une ligne, elle s’affiche sous la forme d’une liste à défilement horizontal que les visiteurs peuvent parcourir.

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

Personnaliser le style des pages Vidéos