Vidéo

L'élément Vidéo intègre une vidéo hébergée sur YouTube ou Vimeo via son URL, ou une vidéo libre de droits issue de la bibliothèque Pexels. Vivlab détecte automatiquement la plateforme à partir du lien et adapte les options proposées.

Source de la vidéo

La zone Prévisualisation en haut du panneau confirme que la vidéo est bien détectée. Tant qu'aucun lien valide n'est renseigné, elle indique Aucune vidéo et rien ne s'affichera sur le site.

Le sélecteur Source de la vidéo propose trois sources :

• YouTube : collez l'URL complète dans le champ Lien YouTube (page de la vidéo, lien de partage ou format court, par exemple https://www.youtube.com/watch?v=dQw4w9WgXcQ).
• Vimeo : collez l'URL dans le champ Lien Vimeo (par exemple https://vimeo.com/123456789).
• Pexels : cliquez sur Rechercher sur Pexels pour parcourir la bibliothèque de vidéos libres de droits. Recherchez par mot-clé, filtrez par orientation (paysage, portrait, carré), survolez une vignette pour la prévisualiser, puis validez avec Utiliser cette vidéo. La vidéo est insérée en lecture automatique.

Lecture automatique

L'option Lecture automatique lance la vidéo automatiquement au chargement de la page. Lorsqu'elle est activée, le son est désactivé et la vidéo remplit l'élément (les navigateurs interdisent la lecture automatique avec son pour respecter le visiteur).

Options spécifiques YouTube

Quand l'URL pointe vers YouTube, des options supplémentaires apparaissent :

• Son désactivé : coupe le son à la lecture.
• Lecture en boucle : la vidéo recommence automatiquement à la fin.
• Mode de confidentialité avancé : utilise le domaine youtube-nocookie.com afin que YouTube n'enregistre aucune information sur les visiteurs qui ne lancent pas la vidéo. Recommandé pour respecter la vie privée et le RGPD.

Style

Le panneau de style regroupe l'arrière-plan, les bordures, l'arrondi des angles, l'ombre, les marges intérieures, les filtres et les transitions. Vous pouvez aussi encadrer la vidéo dans une maquette d'appareil (MacBook, iPhone…).