Le multimédia rend votre site Web plus attrayant et garde les visiteurs plus longtemps sur vos pages. Le contenu vidéo et audio augmente l'engagement, clarifie des sujets complexes et donne à votre marque un visage personnel.

Pourquoi ajouter du multimédia

La vidéo et l'audio offrent des avantages uniques :

• Les visiteurs restent en moyenne 88 % plus longtemps sur les pages avec vidéo
• Les produits ou services complexes sont mieux compris
• Vous établissez plus rapidement la confiance
• Taux de conversion plus élevés sur les pages d'atterrissage
• Meilleur SEO grâce à un temps de séjour plus long

Ajouter une vidéo

Méthode 1 : Intégrer une vidéo YouTube ou Vimeo

La manière la plus simple d'ajouter une vidéo est via des plateformes existantes.

Insérer une vidéo YouTube

1. Ouvrez la page dans Sitebuilder
2. Cliquez sur l'icône plus pour ajouter un élément
3. Cherchez Vidéo ou YouTube
4. Faites glisser le bloc vidéo à l'emplacement souhaité
5. Collez l'URL YouTube
6. La vidéo se charge automatiquement

Insérer une vidéo Vimeo

1. Ajoutez un bloc vidéo
2. Sélectionnez Vimeo comme source
3. Collez l'URL Vimeo
4. Ajustez les paramètres

Méthode 2 : Télécharger votre propre vidéo

Téléchargez vos propres fichiers vidéo directement sur Sitebuilder.

Formats pris en charge

• MP4 (recommandé)
• WebM
• MOV

Paramètres recommandés

• Résolution : 1080p ou 720p
• Codec : H.264
• Taille maximale : 100 Mo

Téléchargement

1. Ajoutez un élément Vidéo
2. Sélectionnez Télécharger un fichier
3. Sélectionnez votre fichier vidéo
4. Attendez que le téléchargement soit complet
5. Configurez l'option de lecture

Méthode 3 : Code d'intégration

Pour d'autres sources vidéo, utilisez un code d'intégration.

1. Copiez le code d'intégration de la source vidéo
2. Ajoutez un bloc HTML dans Sitebuilder
3. Collez le code d'intégration
4. Ajustez les dimensions si nécessaire

Paramètres de la vidéo

Lecture automatique

Faites jouer la vidéo automatiquement lorsque la page se charge.

1. Sélectionnez le bloc vidéo
2. Allez dans Paramètres
3. Activez Lecture automatique
4. Activez également Muet (nécessaire pour la lecture automatique dans les navigateurs)

Relecture

Faites en sorte que la vidéo se répète automatiquement :

1. Ouvrez les paramètres de la vidéo
2. Activez Relecture
3. La vidéo se joue en continu

Contrôles

Déterminez quels boutons sont visibles :

• Bouton lecture/pause
• Contrôle du volume
• Barre de progression
• Bouton plein écran
• Image dans l'image

Image de couverture

Affichez une image avant que la vidéo ne démarre :

1. Allez dans les paramètres de la vidéo
2. Téléchargez une image de couverture
3. Choisissez une image attrayante de la vidéo
4. Cela améliore le temps de chargement de votre page

Ajouter de l'audio

Télécharger un fichier audio

Ajoutez de la musique, des podcasts ou du contenu parlé.

1. Ajoutez un élément Audio
2. Téléchargez votre fichier audio :
• MP3 (recommandé)
• WAV
• OGG
3. Configurez le lecteur

Intégrer Spotify

Partagez des playlists ou des podcasts Spotify :

1. Copiez le code d'intégration Spotify
2. Ajoutez un bloc HTML
3. Collez le code
4. Ajustez la hauteur pour un affichage agréable

Lecteur de podcast

Vous avez un podcast ? Affichez les épisodes sur votre site Web :

1. Utilisez le flux RSS de votre podcast
2. Ajoutez un widget de podcast
3. Les nouveaux épisodes apparaissent automatiquement

Vidéo de fond

Impressionnez avec une vidéo en arrière-plan d'une section.

Configurer une vidéo de fond

1. Sélectionnez la section
2. Allez dans Arrière-plan
3. Choisissez Vidéo comme type d'arrière-plan
4. Téléchargez ou liez votre vidéo

Meilleures pratiques pour la vidéo de fond

• Utilisez des boucles courtes (10-30 secondes)
• Choisissez des images subtiles sans distraction
• Assurez-vous d'un bon contraste avec le texte
• Ajoutez une image de secours pour mobile
• Gardez la taille du fichier petite

Ajouter une superposition

Rendez le texte plus lisible sur la vidéo :

1. Allez dans les paramètres de la section
2. Activez Superposition
3. Choisissez une couleur et une transparence
4. Testez la lisibilité de votre contenu

Créer une galerie vidéo

Affichez plusieurs vidéos organisées.

Mise en page en grille

1. Créez une section avec plusieurs colonnes
2. Placez un bloc vidéo dans chaque colonne
3. Ajoutez éventuellement un titre pour chaque vidéo

Diaporama vidéo

1. Ajoutez un élément Diaporama
2. Ajoutez des blocs vidéo à chaque diapositive
3. Configurez la navigation et le timing

Lightbox

Faites ouvrir les vidéos dans une superposition :

1. Ajoutez une image miniature
2. Liez l'image à la vidéo
3. Configurez pour ouvrir dans une lightbox
4. Les visiteurs cliquent et la vidéo s'ouvre en grand

Optimisation des performances

La vidéo peut ralentir votre site Web. Suivez ces conseils pour des performances optimales.

Chargement paresseux

Chargez les vidéos uniquement lorsqu'elles apparaissent à l'écran :

1. Allez dans les paramètres de la vidéo
2. Activez Chargement paresseux
3. Cela améliore le temps de chargement initial

Compression vidéo

Réduisez la taille des fichiers vidéo pour un chargement plus rapide :

• Utilisez 720p au lieu de 1080p lorsque cela est possible
• Compressez avec des outils comme Handbrake
• Choisissez un codec efficace (H.264)

Considérations d'hébergement

• YouTube/Vimeo : Gratuit, livraison rapide
• Téléchargements propres : Plus de contrôle, utilise votre bande passante
• CDN : Pour de nombreux visiteurs avec votre propre vidéo

Considérations mobiles

Vidéos réactives

Sitebuilder ajuste automatiquement les vidéos à la taille de l'écran. Vérifiez :

1. Testez sur différents appareils
2. Vérifiez que les boutons sont suffisamment grands
3. Envisagez des vidéos plus courtes pour mobile

Utilisation des données

Les utilisateurs mobiles ont souvent des données limitées. Envisagez :

• Pas de lecture automatique sur mobile
• Laissez les utilisateurs choisir de regarder
• Affichez une miniature attrayante

Accessibilité

Rendez le multimédia accessible à tous.

Sous-titres

Ajoutez des sous-titres à vos vidéos :

1. Créez un fichier SRT ou VTT
2. Téléchargez-le dans vos paramètres vidéo
3. Les sous-titres apparaissent automatiquement

Transcriptions

Offrez une version texte :

1. Rédigez une transcription de l'audio
2. Placez-la sous la vidéo
3. Bon pour le SEO et l'accessibilité

Articles connexes

• Optimiser l'affichage mobile
• Intégrer Google Maps dans Sitebuilder
• Ajouter des boutons de médias sociaux

Besoin d'aide ?

Nous sommes là pour vous ! Vous rencontrez des difficultés ou avez des questions ? Notre équipe de support est prête à vous aider personnellement. Envoyez-nous un message via le système de tickets - nous répondons généralement dans quelques heures et sommes heureux de vous aider.