Les vidéos sont un excellent moyen d'engager les visiteurs du site et de leur raconter l'histoire de la marque. L'éditeur de Studio vous permet de présenter votre contenu à partir des réseaux sociaux et d'ajouter facilement de superbes éléments de design vidéo.
Dans cet article, apprenez-en plus sur :
Ajout d'une vidéo
Choisissez l'élément vidéo qui correspond à vos besoins. Vous pouvez ajouter un lecteur vidéo unique ou une VideoBox, qui offre des options de personnalisation plus avancées. Vous pouvez également ajouter des vidéos avec des arrière-plans transparents, conçues par Wix, pour décorer le site.
Pour ajouter une nouvelle vidéo :
- Cliquer sur Ajouter des éléments
à gauche de l'Éditeur. - Cliquez sur Média.
- Sélectionnez un type de vidéo sous Vidéo :
- Lecteurs de vidéo unique : Téléchargez votre propre vidéo ou intégrez une vidéo provenant d'un réseau social.
- VideoBox : Présentez vos propres vidéos, vos vidéos Wix gratuites ou vos vidéos Shutterstock professionnelles dans des conteneurs vidéo magnifiquement conçus.
- Vidéo transparente : Ajoutez ou téléchargez vos propres vidéos avec des arrière-plans transparents.
- Faites glisser une vidéo à l'endroit souhaité sur la page.
Personnaliser un lecteur vidéo unique
Personnalisez la mise en page, le design et le comportement du lecteur vidéo unique en fonction de vos besoins spécifiques. Vous pouvez choisir si votre vidéo commence à être lue automatiquement et / ou en boucle, décider des commandes à afficher et de les concevoir également.
Pour personnaliser un seul lecteur vidéo :
- Sélectionnez le lecteur vidéo.
- Choisissez comment le personnaliser :
Vous pouvez toujours remplacer la vidéo par une autre, qu'elle provienne de votre ordinateur ou de sources externes (ex. YouTube, Vimeo, Facebook, etc.)
- Cliquez sur Modifier la vidéo.
- Effectuez l'une des actions suivantes pour remplacer la vidéo actuelle :
- Cliquez sur Modifier la vidéo pour accéder à vos fichiers dans le gestionnaire de médias.
- Cliquez sur l'une des icônes du réseau social pour partager une vidéo. Assurez-vous de saisir l'URL de la vidéo sous Quelle est l'adresse web de la vidéo ?.
Choisissez la façon dont votre vidéo est lue
- Cliquez sur Modifier la vidéo.
- Cliquez sur le curseur Lecture automatique pour choisir comment la lecture de la vidéo commence :
- Activé : Votre vidéo est lue automatiquement une fois le site chargé.
- Désactivé : Les visiteurs doivent cliquer sur le bouton Lecture pour démarrer la vidéo.
- Cliquez sur le curseur Lecture en boucle :
- Activé : Votre vidéo commence à être lue encore et encore lorsqu'elle est terminée (en boucle continue).
- Désactivé : Votre vidéo n'est lue qu'une seule fois.
Remarque : L'option de lecture de vidéos en boucle n'est pas disponible pour toutes les sources externes (par exemple, Facebook, Daymotion).
Ajuster la mise en page du lecteur vidéo
Dans le panneau Mise en page, vous pouvez choisir d'afficher ou non le titre de la vidéo et ses commandes, et ajuster la taille du bouton Lecture à votre convenance.
- Cliquez sur l'icône Mise en page
. - Cliquez sur le curseur Afficher le titre de la vidéo :
- Activé : Le titre de la vidéo apparaît au-dessus du lecteur.
Suggestion : Vous pouvez formater et personnaliser le style de ce titre à partir du panneau Inspecteur. - Désactivé : Le titre de la vidéo n'est pas visible.
- Faites glisser le curseur sous Taille du bouton de lecture pour augmenter ou diminuer la taille du bouton.
- Sélectionnez une option sous Pendant la lecture, les commandes affichent:
- En survol : Les commandes de la vidéo (par exemple, le bouton lecture ou pause) apparaissent lorsque les visiteurs survolent le lecteur.
- Jamais : Les commandes de la vidéo ne sont pas affichées.
Remarque : Les options disponibles dépendent du type de vidéo que vous ajoutez au lecteur.
Concevoir le design du lecteur vidéo
À partir du panneau Inspecteur, personnalisez votre lecteur vidéo en fonction de votre style. Vous pouvez modifier la couleur de superposition et son opacité, ajouter une ombre, formater le titre de la vidéo et plus encore.
Pour concevoir le design du lecteur :
- Cliquez sur la flèche Ouvrir l'inspecteur
en haut à droite de l'Éditeur. - Faites défiler la page jusqu'à Design.
- Effectuez l'une des opérations suivantes pour concevoir le lecteur vidéo :
- Couleur de remplissage et opacité : Cliquez sur la case de couleur pour choisir une couleur différente pour la superposition, et faites glisser le curseur pour ajuster son opacité.
- Bordure : Ajoutez une bordure pour faire ressortir votre lecteur vidéo.
- Ombre : Cliquez sur Activer l'ombre pour ajouter et concevoir une ombre qui apparaît derrière le lecteur.
- Texte : Choisissez une couleur pour le titre et le bouton de lecture, et formatez le titre à votre convenance.
Personnaliser une VideoBox
Lorsque vous utilisez des VideoBox pour afficher des médias, vous disposez d'une grande liberté créative pour les intégrer au design. Configurez la vidéo pour qu'elle soit lue exactement comme elle devrait, choisissez sa forme et chaque détail qui vous intéressent, de l'image de couverture aux bordures.
Pour personnaliser une VideoBox :
- Sélectionnez la VideoBox.
- Choisissez comment le personnaliser :
Paramétrer les comportements de votre VideoBox
Définissez le comportement de votre VideoBox en personnalisant les paramètres de lecture, de pause et de lecture en boucle ainsi que le comportement du son. Jouez avec les options pour voir celles qui, selon vous, amélioreront l'engagement et l'interaction avec les visiteurs.
- Cliquez sur l'icône Comportements
. - Personnalisez les différents comportements de jeu et de son :
- Choisissez si votre vidéo commence au clic, au survol ou automatiquement.
- Décidez si les visiteurs doivent pouvoir mettre la vidéo en pause.
- Diffusez votre vidéo en boucle ou en boucle en un clic.
- Lecture de votre vidéo au ralenti ou avec du son.
Suggestion : Ces options ne sont disponibles que pour les vidéos enregistrées au ralenti et/ou avec du son. De nombreuses vidéos proposées par Wix comprennent du slo-mo ou du son.
Choisissez le point focal d'une VideoBox pour chaque points de rupture. Cela signifie que lorsque la VideoBox est redimensionnée pour différentes tailles d'écran, la partie de la vidéo que vous souhaitez montrer est toujours affichée.
- Cliquez sur le points de rupture correspondant en haut de l'Éditeur de Studio.
- Cliquez sur l'icône Point focal
. - Sélectionnez la zone de la vidéo que vous souhaitez laisser visible lorsqu'elle est redimensionnée.
Concevoir le design de la VideoBox
C'est ici que vous pouvez vraiment personnaliser votre VideoBox. Choisissez une image de couverture, une bordure et une ombre, et appliquez une superposition de motifs pour créer un effet unique. Vous pouvez choisir parmi de nombreux modèles pour correspondre à votre style.
- Cliquez sur la flèche Ouvrir l'inspecteur en haut à droite de l'Éditeur.
- Faites défiler la page jusqu'à Design.
- Effectuez l'une des opérations suivantes pour concevoir le design de votre vidéo :
- Image decouverture : Choisissez une image différente comme couverture de votre vidéo (ce que les visiteurs voient avant de cliquer dessus).
- Superposition de motif: Cliquez sur le curseur Appliquer motif pour ajouter un motif intéressant (animé ou non) qui rend votre vidéo encore plus attrayante.
- Bordure : Appliquez une bordure autour de votre vidéo tout en choisissant sa couleur, son opacité et sa largeur.
- Ombre : Ajoutez une ombre tout en choisissant sa taille, sa couleur, son angle et sa distance par rapport à la vidéo.
- Contour : Rendez les bords de votre VideoBox plus ronds ou rectangulaires. Vous pouvez choisir le rayon (en px) à côté de chaque angle.
Remarque : Si vous ajoutez un masque vidéo, les options Bordure et Contour ne sont pas disponibles.
Utilisez un masque vidéo pour donner à votre VideoBox une forme unique et un effet visuel saisissant. Choisissez parmi des milliers de formes et d'images vectorielles, ou importez votre propre forme (fichier SVG) pour découper votre vidéo.
Vidéos de dépannage
Vous rencontrez des problèmes avec votre vidéo ? Cliquez sur une question ci-dessous pour en savoir plus :
Pourquoi ma vidéo ne joue-t-elle pas sur mon site en ligne ?
Vous ou vos visiteurs pouvez remarquer que des éléments qui contiennent du mouvement (tels que les effets d'animation et les vidéos transparentes) ne sont pas lus sur votre site Wix en ligne, que ce soit sur mobile et sur ordinateur.
Cela est dû au fait que certains systèmes d'exploitation contiennent une fonction de mouvement réduit, qui empêche la lecture des animations et des vidéos dans le navigateur.
Le mouvement réduit est une fonctionnalité d'accessibilité, ce qui signifie que son utilisation principale est de permettre aux visiteurs en situation de handicap ou de déficience de visiter votre site.
Cliquez sur l'appareil concerné dans la liste ci-dessous pour savoir comment désactiver le mouvement réduit.
Remarque : La réduction du mouvement est automatiquement activée pour certains appareils mobiles en mode batterie faible / économie d'énergie.
J'ai réglé ma vidéo en lecture automatique, mais il n'y a pas de son. Pourquoi ?
La plupart des navigateurs Internet n'autorisent la lecture automatique des vidéos que lorsque le son est coupé. Si votre VideoBox est réglée pour une lecture automatique, la vidéo est lue sans son.
Les navigateurs suivants ne prennent plus en charge la lecture automatique :
- Safari 11 et versions ultérieures (sur MacOS et iOS)
- Chrome 61 et versions ultérieures (ordinateur et mobile)
- Firefox 66 et versions supérieures (ordinateur et mobile)
