Ajouter des vidéos sur votre site

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

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. Vous pouvez intégrer des vidéos hébergées sur des services tiers dans la plupart des pages de votre site. Dans les pages Vidéos, les blocs Vidéo et les arrière-plans de section, vous pouvez charger vos propres vidéos. 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. Sur Squarespace, vous pouvez :

• Intégrer des vidéos - Intégrez des vidéos de YouTube, Vimeo, Animoto et Wistia. Ces services sont très réputés pour leur qualité de streaming, leur facilité de téléchargement et leur contrôle sur la lecture vidéo.
• Charger des vidéos : hébergez vos vidéos sur votre site. Cette option est disponible pour les blocs Vidéo 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.

Conseil : 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 à l’image de marque 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.

Option 1 - Intégrer des vidéos

Intégrez des vidéos en chargeant vos vidéos sur un hébergeur vidéo tiers, puis en utilisant l'URL ou le code d'intégration de la vidéo pour ajouter la vidéo à votre site. La façon dont vous ajoutez des vidéos dépend de votre hébergeur vidéo :

• Pour les vidéos hébergées sur YouTube ou Vimeo, utilisez l’URL de la vidéo. Si vous voulez utiliser des options de lecture avancées pour ces hébergeurs, utilisez un code d’intégration.
• Pour les vidéos hébergées sur Animoto ou sur Wistia ou si vous voulez utiliser des options de lecture avancées pour n’importe quel hébergeur vidéo, utilisez un code d’intégration.

Consultez la documentation d'aide de YouTube, Vimeo, Animoto ou Wistia pour connaître les exigences relatives aux fichiers vidéo lorsque vous chargez des vidéos sur leurs services.

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

À retenir :

• Les pages Vidéos et les vidéos d’arrière-plan (comme les arrière-plans de section ou les bannières de page) prennent en charge uniquement YouTube et Vimeo comme options d’intégration.
• En plus des vidéos publiques, si vous avez masqué ou non répertorié des vidéos accessibles par des liens ou des codes intégrés, vous pouvez les afficher sur votre site.
• Lorsque vous êtes connecté(e) à votre site Squarespace, le bouton plein écran de Vimeo reste masqué. Pour tester la version plein écran de votre vidéo, déconnectez-vous ou ouvrez votre site dans une fenêtre de navigation privée.
• La barre de lecteur de Vimeo sʼaffiche par défaut en arrière-plan.Sur les forfaits payants de Vimeo, vous pouvez supprimer la barre en modifiant le code d’intégration. Pour obtenir de l’aide concernant le code d’intégration, contactez Vimeo.

Ajouter certains types de vidéos

YouTube et Vimeo prennent en charge une variété de paramètres et de types de vidéos uniques. Vous pouvez ajouter :

• Des vidéos à 360 degrés peuvent être intégrées aux blocs Vidéo et Intégrer ; elles peuvent néanmoins provoquer des problèmes de vitesse et d’affichage sur votre site.
• Des YouTube Shorts en cliquant avec le bouton droit de la souris sur la vidéo, en copiant le code d’intégration et en ajoutant le code à un bloc Intégrer.
• Ajoutez à votre site des vidéos YouTube et Vimeo diffusées en direct en ajoutant une URL à un bloc Vidéo ou un code incorporé à un bloc Intégrer. Une fois la diffusion en direct 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 incorporé pour la diffusion en direct, consultez la documentation d’aide de YouTube ou Vimeo.
• Intégrez des vidéos YouTube dont l’avant-première est prévue à une date ultérieure, mais les vidéos ne s’afficheront qu’après leur première diffusion. Pour en savoir plus sur les vidéos en avant-première, consultez la documentation de YouTube.

Ajouter des vidéos à partir d’autres services

En règle générale, il est conseillé de charger votre vidéo auprès d’un service pris en charge. Si cela n’est pas possible ou que vous devez absolument l’héberger ailleurs, nous avons d’autres options à vous proposer. Si votre vidéo est hébergée par un service prenant en charge le protocole oEmbed, vous pouvez l’ajouter aux zones suivantes à l’aide de son URL ou code d’intégration :

• Blocs Intégrer
• Blocs Galerie
• Pages Galerie (version 7.0)

Si cela ne fonctionne pas et que l’URL ou 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 la 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.

Option 2 - Télécharger des vidéos

Si vous voulez que Squarespace héberge vos vidéos, chargez-les directement depuis votre appareil sur votre site.Utilisez cette option pour ajouter des 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 dans des blocs Vidéo de tous les sites, pages Vidéos et arrière-plans de section sur les sites qui utilisent la version 7.1.Pour charger des vidéos dans d’autres zones, intégrez votre vidéo.Pour en savoir plus sur l’utilisation de vidéos sur votre site, consultez les Conditions d’utilisation de Squarespace.

Vous pouvez charger jusqu’à 30 minutes de vidéo sur n’importe quel site. Si vous atteignez cette limite, souscrivez un forfait Produits numériques pour augmenter votre espace de stockage ou supprimez des vidéos pour libérer de la place. Vous pouvez également découvrir notre forfait Enterprise, qui offre un espace de stockage vidéo illimité. 

Lorsque vous chargez des fichiers vidéo, assurez-vous qu’ils répondent aux exigences suivantes.

Attribut vidéo	Caractéristiques techniques
Type de fichier	Uniquement .mp4, .m4v, .mov
Taille du fichier	Pages Vidéos : limite de 5 000 Mo Arrière-plans de section et blocs Vidéo : limite de 500 Mo
Longueur	Pages Vidéos : limite de trois heures 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 de n’importe quelle valeur de proportion s’affichent, mais nous recommandons de les charger en 16:9, car la plupart des vidéos s’affichent dans un lecteur avec cette valeur de proportion.
Débit vidéo	360p : 1,5 Mbit/s 1080p : 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 (360p) ou 3 Mbit/s (1080p).

Ajouter des vidéos sur des pages et des publications

Les emplacements dans lesquels vous pouvez ajouter des vidéos dépendent de la version de 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

Les images animées au format .gif sont lues automatiquement, en boucle et sans son. Vous pouvez utiliser des images .gif dans toutes les zones de votre site où l’ajout d’images est possible, notamment les blocs Image, 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 intégrées ou chargé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 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. Cette durée dépend également 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.

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 boutons et commandes ne s'affichent pas sur les vidéos Vimeo

Vimeo active le « mode Minuscule » lorsqu’un bloc Vidéo mesure moins de 300 pixels de largeur ou 170 pixels de hauteur. Le mode Minuscule masque les boutons et d’autres informations comme le titre, la barre de commande et les boutons Regarder plus tard ou Partager. Pour éviter cela, les visiteurs peuvent afficher le bloc Vidéo sur un écran plus grand.

Le bouton de plein écran n’apparaît pas ou ne fonctionne pas

Lorsque vous êtes connecté(e) à votre site, les lecteurs Vimeo et YouTube ne disposent pas de l’option plein écran. Pour accéder à la version plein écran, ouvrez la page dans une fenêtre de navigation privée ou en mode incognito.

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 réessayez d’exporter 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. 

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.

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

Si votre bloc Vidéo 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.

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 vidéos Vimeo ne sont pas lues en HD

Pour afficher des vidéos HD Vimeo, utilisez le code d‘intégration pour ajouter la vidéo, plutôt que son URL. Pour mettre en ligne des vidéos HD 1080p sur Vimeo, vous devez posséder un compte Plus ou Pro chez eux. Sachez également qu‘il est impossible d‘ajouter des vidéos HD Vimeo sur certaines pages et dans certaines zones.

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.

Le code d'intégration Wistia ne fonctionne pas

Il n'est pas possible d'intégrer des vidéos Wistia dans des blocs Vidéos ou des pages Galerie (version 7.0 uniquement) en utilisant le code d'intégration par défaut de Wistia. Comme alternative, nous vous recommandons plutôt d'utiliser leur code d'intégration Fallback (iframe).