Comment utiliser : Générateur de code embed vidéo
- Collez un lien vidéo : YouTube (watch, youtu.be, Shorts), Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive, Facebook ou un fichier .mp4 direct. La plateforme, l’identifiant et l’heure de début sont lus automatiquement.
- Choisissez un iframe responsive, ou la version lite qui ne charge le lecteur qu’au clic (pages beaucoup plus rapides).
- Définissez l’heure de début et de fin, la lecture automatique (toujours en sourdine, car les navigateurs bloquent l’autoplay avec le son), la boucle, les commandes et les sous-titres.
- Copiez le code dans un élément Embed (Webflow), un bloc HTML personnalisé (WordPress) ou directement dans votre page. Les options non prises en charge par le lecteur de la plateforme sont masquées.
Plateformes prises en charge
YouTube (mode de confidentialité renforcée, début/fin, sous-titres, mode lite), Vimeo (y compris les liens non répertoriés avec hash, ne pas suivre), Loom, Wistia, Dailymotion, Twitch (vidéos, clips et chaînes en direct : Twitch exige la liste des domaines sur lesquels vous intégrez la vidéo), Streamable, Google Drive (fichiers partagés avec « Toute personne disposant du lien »), vidéos Facebook et vos propres fichiers MP4/WebM avec l’élément HTML5 <video>.
Responsive sans astuces de conteneur
Le code utilise la propriété CSS aspect-ratio : la vidéo occupe toute la largeur de son conteneur et conserve ses proportions, sans recourir à l’astuce du padding-bottom. Les Shorts verticaux utilisent le format 9:16 et une largeur limitée pour ne pas devenir énormes sur ordinateur.
Pourquoi la version lite est plus rapide
Un embed YouTube classique charge environ 1 Mo de scripts avant même que l’on appuie sur lecture, ce qui dégrade le Largest Contentful Paint et le Total Blocking Time. La version lite n’affiche que la miniature de la vidéo et un bouton de lecture ; le véritable lecteur se charge au clic et démarre immédiatement. Utilisez-la dès qu’une page contient plusieurs vidéos ou que la vidéo n’est pas le premier élément visible.
| Option | Paramètre |
|---|---|
| Mode de confidentialité renforcée | domaine youtube-nocookie.com |
| Début / fin | start, end (en secondes) |
| Lecture automatique | autoplay=1&mute=1 |
| Boucle | loop=1&playlist=ID |
| Sous-titres | cc_load_policy=1 |
| Vidéos suggérées | rel=0 (uniquement de la même chaîne) |
Aussi recherché comme : générateur code embed vidéo, code embed youtube, code embed vimeo, vidéo responsive html, intégrer vidéo loom, embed video html, code embed wistia, lite youtube embed.
Outils complémentaires : Générateur de code embed vidéo
- Générateur d’intégration Google Maps — Affichez votre bureau, votre magasin ou un événement sur une carte Google Maps sans créer de clé API.
- Générateur de bannière cookies — Ajoutez une bannière de consentement cookies à n'importe quel site — Webflow, WordPress, Shopify ou HTML simple — sans extension payante.
- Test de vitesse de page — Lancez Google Lighthouse sur n’importe quelle URL, en version mobile ou desktop.
- Générateur d’images OG — Créez en quelques secondes une image d'aperçu de lien soignée pour Facebook, LinkedIn, X, Slack et WhatsApp : choisissez un modèle, saisissez votre titre, ajoutez un logo, puis téléchargez le fichier PNG et les balises méta correspondantes.