Générateur d'Embed Vidéo
Un générateur de code embed vidéo transforme l'adresse d'une page en l'iframe attendue par votre site. Collez youtube.com/watch?v=dQw4w9WgXcQ : l'outil détecte YouTube, extrait l'identifiant et construit https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?rel=0&modestbranding=1 dans un conteneur adaptatif avec chargement différé. Vimeo, Dailymotion, Twitch, TikTok, Rumble et les fichiers MP4 directs sont reconnus de la même façon.
Options d'intégration
Aperçu
Code d'Intégration
À propos de Générateur d'Embed Vidéo
Collez une adresse de page de lecture ordinaire : l'outil détermine le service et en extrait l'identifiant de la vidéo, vous n'avez donc jamais à chercher le lien d'intégration. Les liens youtube.com/watch et youtu.be aboutissent au même identifiant. Vimeo, Dailymotion, Twitch, Facebook, TikTok et Rumble ont chacun leur adresse de lecteur, et un lien se terminant par un fichier vidéo comme .mp4 est traité comme une vidéo directe : vous obtenez un élément video HTML natif avec le bon type de source, pas une iframe.
Les intégrations YouTube reposent sur youtube-nocookie.com plutôt que youtube.com, avec rel=0 et modestbranding=1 toujours ajoutés. Les cases à cocher ajoutent des paramètres par-dessus : lecture automatique, sourdine, boucle - qui définit aussi le paramètre playlist sur le même identifiant, car une vidéo YouTube seule ne boucle pas sans lui - et désactiver les commandes ajoute controls=0. Rien d'autre n'entre dans l'URL : le code reste court et lisible.
Le mode adaptatif est actif par défaut et enveloppe le lecteur dans un div au padding-bottom de 56,25 %, l'astuce classique du 16:9 qui conserve les proportions à toute largeur. Désactivez-le et vous obtenez une iframe fixe de 640 sur 360, pilotée par les champs largeur et hauteur. Le chargement différé ajoute loading="lazy" pour que le lecteur ne soit récupéré qu'à l'approche de l'écran, et le curseur de rayon des angles est écrit directement dans le style en ligne.
Trois formats de sortie figurent sous l'aperçu. HTML est l'extrait complet pour n'importe quel gabarit ou constructeur de page et se termine par une petite ligne de crédit renvoyant à cet outil - supprimez ce paragraphe si vous n'en voulez pas. WordPress donne une largeur de 100 % avec une hauteur fixe, prête pour un bloc HTML personnalisé. BBCode produit un simple lien pour les forums qui n'acceptent pas les iframes. L'outil ne fabrique que du balisage : il n'héberge, ne convertit et ne télécharge rien, et ne peut pas rendre lisible une vidéo privée ou bloquée dans votre pays.
Cas d'utilisation
Comment utiliser
Collez l'adresse de la page vidéo dans la zone de saisie ; la plateforme est détectée à la frappe et son icône apparaît à côté du champ.
Réglez la taille : laissez Adaptatif activé pour un conteneur 16:9 qui remplit toute colonne, ou désactivez-le et saisissez une largeur et une hauteur.
Cochez les options utiles - lecture automatique, sourdine, boucle, commandes, chargement différé - et déplacez le curseur du rayon des angles.
Vérifiez l'aperçu en direct, qui charge le vrai lecteur avec les réglages choisis.
Choisissez HTML, WordPress ou BBCode dans le panneau de code, appuyez sur Copier et collez le bloc dans votre page.
Cliquez sur Copier et collez l'iframe dans votre page.
Astuces Pro
- La lecture automatique n'est possible qu'en sourdine. Tous les navigateurs actuels bloquent le démarrage avec le son : cochez les deux cases, sinon le lecteur restera simplement en pause.
- L'intégration Twitch contient un paramètre parent réglé sur le nom d'hôte de la page où le code a été généré, soit www.freewebtools.com. Remplacez-le par votre propre domaine avant publication, sinon le lecteur refusera de se charger.
- Faire boucler une seule vidéo YouTube exige que le paramètre playlist reçoive le même identifiant. La case Boucle s'en charge : c'est pourquoi l'identifiant apparaît deux fois dans l'URL générée.
- Laissez le mode adaptatif actif sauf si vous placez le lecteur dans une boîte de largeur fixe. Le conteneur utilise un padding-bottom de 56,25 % : une vidéo 16:9 conserve ses proportions du mobile au bureau.
- La sortie HTML se termine par un petit paragraphe de crédit renvoyant à cet outil. C'est un paragraphe ordinaire dans le code que vous copiez : supprimez-le si vous préférez, rien d'autre n'en dépend.
Dépannage
Rien ne se passe après avoir collé le lien.
Le texte n'a pas été reconnu comme une adresse vidéo : aucun code n'est produit. Collez l'adresse complète depuis la barre du navigateur, https:// compris, plutôt qu'un texte de partage raccourci ou un résultat de recherche. Une simple phrase sans domaine est rejetée volontairement.
Le lecteur Twitch signale une erreur de parent invalide.
Le paramètre parent du code copié vaut www.freewebtools.com, le nom d'hôte où le code a été généré. Twitch exige qu'il corresponde au site qui affiche réellement le lecteur. Remplacez-le par votre domaine, et ajoutez un second paramètre parent pour tout autre hôte comme localhost ou un site de préproduction.
La vidéo se lit mais ne démarre pas toute seule.
Les navigateurs n'autorisent la lecture automatique que si la vidéo est en sourdine. Cochez Sourdine avec Lecture automatique et régénérez le code. Même ainsi, certains navigateurs la suppriment sur connexion limitée ou en mode économie de batterie : traitez-la comme un bonus, pas comme un prérequis.
Le lecteur est écrasé ou laisse une bande noire.
Le conteneur adaptatif est figé à 56,25 % de padding, soit du 16:9. Une vidéo tournée dans un autre format - verticale, par exemple - y sera encadrée de bandes. Désactivez Adaptatif et saisissez des largeur et hauteur correspondantes, ou remplacez le 56.25% du code copié par la hauteur divisée par la largeur multipliée par 100.
L'intégration marche ici mais reste vide sur mon site.
Trois causes habituelles : une politique de sécurité du contenu sur votre site qui n'autorise pas les cadres du domaine du lecteur, un bandeau de consentement qui bloque les iframes tierces avant acceptation, ou une restriction de la plateforme sur la vidéo elle-même. Regardez la console du navigateur sur votre propre page : un cadre bloqué y est toujours signalé.
Questions fréquemment posées
C'est l'extrait HTML qui place le lecteur d'un tiers dans votre page - presque toujours une iframe pointant vers l'adresse de lecteur de la plateforme, avec l'identifiant de la vidéo dans l'URL. Le lien de lecture habituel ne convient pas. Cet outil convertit l'un en l'autre : collez l'adresse de la page et il renvoie l'iframe, encadrée et configurée.
Collez l'adresse de lecture - youtube.com/watch?v=... ou un lien court youtu.be - et copiez la sortie HTML. La source générée est https://www.youtube-nocookie.com/embed/<id>?rel=0&modestbranding=1 dans un conteneur adaptatif. Collez ce bloc dans votre gabarit, un bloc HTML personnalisé ou un widget HTML de constructeur de page, jamais dans un éditeur de texte qui échapperait les balises.
YouTube, Vimeo, Dailymotion, Twitch, Facebook, TikTok et Rumble, plus les fichiers vidéo directs. Un lien se terminant par un fichier média comme .mp4 devient un élément video HTML natif avec le bon type de source au lieu d'une iframe. Ce que l'outil ne classe pas reste une URL générique, et un texte qui n'est pas un lien est rejeté sans produire de code.
C'est le domaine de lecteur « confidentialité renforcée » de YouTube. Le lecteur se comporte de la même façon, mais YouTube indique qu'il n'enregistre pas d'informations sur les visiteurs de votre page tant qu'ils ne lancent pas la vidéo. Ce générateur l'emploie systématiquement pour YouTube : c'est une chose de moins à changer à la main si vous voulez éviter les cookies tiers avant consentement.
Laissez l'interrupteur Adaptatif activé. Le code enveloppe l'iframe dans un div en position:relative avec padding-bottom:56.25%, et étire l'iframe pour la remplir. Ce pourcentage vaut 9 divisé par 16 : la boîte garde donc un format 16:9 à toute largeur. Désactivé, vous obtenez une iframe fixe pilotée par les champs largeur et hauteur, 640 sur 360 par défaut.
Parce que les navigateurs bloquent la lecture automatique avec le son. Cochez Sourdine en plus de Lecture automatique et le lecteur démarre en silence, ce qui est autorisé. L'URL générée porte alors autoplay=1 et mute=1 pour YouTube, ou autoplay=1 et muted=1 pour Vimeo. Certains navigateurs la bloquent aussi en mode économie d'énergie : n'en faites jamais dépendre l'essentiel.
Twitch exige un paramètre parent nommant le domaine qui héberge le lecteur, et cet outil le remplit avec le nom d'hôte de la page où vous avez généré le code, soit www.freewebtools.com. Remplacez cette valeur par votre propre domaine dans l'extrait copié. Ajoutez plusieurs paramètres parent si le lecteur tourne sur plusieurs hôtes, par exemple un site de préproduction.
Il repousse la requête. Avec loading="lazy", le navigateur ne récupère pas le lecteur avant qu'il n'approche de la zone visible : une vidéo placée bas dans une longue page ne coûte rien au premier chargement. L'attribut est actif par défaut ici. Ne le désactivez que si la vidéo est la première chose que voient les visiteurs, où le délai deviendrait visible.
Le générateur construira volontiers le code, mais c'est la plateforme qui décide si le lecteur fonctionne. Une vidéo privée ne se lira pour personne d'autre que son propriétaire, une vidéo non répertoriée se lira généralement, et les restrictions géographiques ou d'âge s'appliquent toujours dans l'iframe. Si une vidéo ne se lit pas dans l'aperçu ici, elle ne se lira pas non plus sur votre site.
Le lecteur est le même, seul l'emballage change. HTML est l'extrait complet avec le conteneur adaptatif et un petit paragraphe de crédit. WordPress est une iframe unique en largeur 100 % avec une hauteur fixe, calibrée pour un bloc HTML personnalisé. BBCode n'est pas une intégration : les forums qui bloquent les iframes reçoivent un simple lien vers le lecteur.