---
title: "Élément Vidéo : intégrer YouTube ou Vimeo"
description: "Intégrez une vidéo hébergée sur YouTube ou Vimeo via son URL, ou choisissez une vidéo libre de droits dans la bibliothèque Pexels."
url: https://docs.vivlab.com/editor/menu/video
---

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

<DocsScreenshot name="editor-video-source" alt="Une vidéo de poterie choisie sur Pexels avec la lecture automatique activée." :width="343" :height="433" />

## 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](https://docs.vivlab.com/editor/style/index.md) regroupe l'[arrière-plan](https://docs.vivlab.com/editor/style/background.md), les [bordures](https://docs.vivlab.com/editor/style/border.md), l'[arrondi des angles](https://docs.vivlab.com/editor/style/border-radius.md), l'[ombre](https://docs.vivlab.com/editor/style/box-shadow.md), les [marges intérieures](https://docs.vivlab.com/editor/style/padding.md), les [filtres](https://docs.vivlab.com/editor/style/filter.md) et les [transitions](https://docs.vivlab.com/editor/style/transition.md). Vous pouvez aussi encadrer la vidéo dans une [maquette d'appareil](https://docs.vivlab.com/editor/style/mockup.md) (MacBook, iPhone…).