Générateur de code d’intégration YouTube
Collez le lien d’une vidéo, d’un Short ou d’une playlist, choisissez vos options et copiez un code d’intégration propre, avec heure de début et de fin, mode confidentialité renforcée et taille responsive. Tout se passe dans votre navigateur.
Ce générateur de code d’intégration YouTube construit le HTML qui permet d’afficher une vidéo, un Short ou une playlist YouTube sur votre site, avec des options que la boîte Partager → Intégrer de YouTube ne propose pas. Définissez une heure de début et de fin, la lecture automatique (y compris la lecture sans le son que les navigateurs autorisent), la boucle, les sous-titres, le mode de confidentialité renforcée et une taille responsive qui s’adapte à tous les écrans, puis copiez le code et collez-le dans votre page. Un aperçu en direct montre le lecteur au fil de vos choix. Tout se passe dans votre navigateur : rien n’est envoyé à Marqly, et chaque option correspond à un paramètre documenté dans la référence officielle du lecteur YouTube.
Comment intégrer une vidéo YouTube sur votre site
- Copiez le lien de la vidéo depuis YouTube : une page de lecture, un Short, un direct, un lien youtu.be ou un lien de playlist contenant
list=. - Collez-le ci-dessus. Si le lien contient un horodatage comme
?t=90, l’heure de début est remplie. - Choisissez vos options. Le code et l’aperçu se mettent à jour instantanément.
- Cliquez sur Copier le code et collez-le dans le HTML de votre page : dans WordPress, utilisez un bloc HTML personnalisé ; dans la plupart des créateurs de site, un élément Intégration ou HTML.
Chaque option et le paramètre correspondant
| Option | Paramètre | Effet |
|---|---|---|
| Début à | start | Lance la lecture à ce nombre de secondes depuis le début de la vidéo. Le lecteur se place sur l’image clé la plus proche, ce qui peut représenter jusqu’à deux secondes plus tôt. |
| Fin à | end | Arrête la lecture à cet instant, compté depuis le début de la vidéo et non depuis votre heure de début. |
| Lecture automatique | autoplay=1 | Lance la vidéo au chargement du lecteur. YouTube précise que la collecte des données de lecture a alors lieu au chargement de la page. |
| Boucle | loop=1 | Répète une playlist ; pour une vidéo seule, YouTube exige aussi playlist défini sur le même ID de vidéo, que le générateur ajoute. |
| Afficher les commandes du lecteur | controls=0 si désactivé | Masque la barre de commandes. |
| Bouton plein écran | fs=0 si désactivé | Masque le bouton plein écran. |
| Sous-titres activés par défaut | cc_load_policy=1 | Affiche les sous-titres par défaut, lorsque la vidéo en possède. |
| Suggestions de la même chaîne | rel=0 | Limite les vidéos suggérées à la fin à celles de la même chaîne. |
| Lecture dans la page sur iPhone | playsinline=1 | Lit la vidéo dans la page sur iOS au lieu de passer en plein écran. |
| Désactiver les raccourcis clavier | disablekb=1 | Désactive des raccourcis comme k pour mettre en pause et j/l pour avancer ou reculer de 10 secondes. |
| Barre de progression blanche | color=white | Colore en blanc, au lieu de rouge, la partie déjà regardée de la barre de progression. |
| Mode confidentialité renforcée | youtube-nocookie.com | Utilise le domaine d’intégration à confidentialité renforcée de YouTube (voir plus bas). |
Heures de début et de fin
Le lecteur YouTube attend des heures de début et de fin en secondes entières : le générateur convertit donc ce que vous saisissez (90, 1:30, 1:02:03 ou1h2m3s) en secondes. Les deux se mesurent depuis le tout début de la vidéo : pour lire l’extrait de 1:30 à 2:00, saisissez début 1:30 et fin 2:00, et non fin 0:30. Pour partager un instant sous forme de lien plutôt que d’intégration, utilisez legénérateur de lien YouTube avec horodatage.
Pourquoi les vidéos intégrées ne se lancent pas toutes seules, et comment y remédier
Les navigateurs décident si une vidéo peut démarrer d’elle-même. La documentation de l’API IFrame de YouTube range la lecture avec le son et sans interaction de l’utilisateur parmi les cas bloqués par les navigateurs : autoplay=1 seul ne fait donc souvent rien. L’approche fiable consiste à démarrer sans le son : choisissez Lecture automatique sans le son (API JavaScript) et le générateur produit une intégration accompagnée d’un court script qui charge l’API officielle IFrame Player de YouTube, coupe le son du lecteur quand il est prêt et lance la lecture. Les visiteurs peuvent réactiver le son en un clic.
Les règles de YouTube pour les clients de l’API ajoutent deux conditions à respecter : un lecteur ne doit pas démarrer automatiquement tant que plus de la moitié n’est pas visible à l’écran, et une page ne doit pas avoir plus d’un lecteur YouTube en lecture automatique en même temps. Une vidéo d’en-tête en haut de page convient ; une vidéo en lecture automatique tout en bas de page, non.
Mode de confidentialité renforcée (youtube-nocookie.com)
Le mode de confidentialité renforcée remplace www.youtube.com parwww.youtube-nocookie.com dans l’URL d’intégration. Selon le centre d’aide de YouTube, il empêche les vues de la vidéo intégrée d’influencer l’expérience de navigation du spectateur sur YouTube, affiche des publicités non personnalisées et évite que ces vues personnalisent les publicités montrées au spectateur en dehors de votre site. Il est activé par défaut ici, car il ne coûte rien. Ce qu’il n’est pas : une promesse que l’intégration ne dépose aucun cookie ni n’effectue aucun suivi, et il ne rend pas à lui seul une intégration conforme à une loi sur la vie privée : mentionnez YouTube dans votre politique de confidentialité et votre gestion du consentement dans tous les cas.
Intégrations YouTube responsives, Shorts compris
L’iframe par défaut a une taille fixe de 560 × 315 qui déborde sur les téléphones. AvecResponsive activé, le code donne au lecteur 100 % de la largeur de son conteneur et utilise la propriété CSS aspect-ratio pour conserver son format : aucun conteneur à padding-bottom n’est nécessaire dans les navigateurs actuels. Choisissez 9:16 pour les Shorts afin que la vidéo verticale ne soit pas encadrée de bandes noires ; le champ de largeur plafonne alors sa croissance. YouTube exige des lecteurs intégrés d’au moins 200 × 200 pixels et recommande au moins 480 × 270 pour les lecteurs 16:9 : le générateur ne descend donc pas sous 200 pixels de large.
Intégrations à chargement au clic pour des pages plus rapides
Une iframe YouTube charge le lecteur complet dès que la page se charge, ce qui est lourd pour une page dont la vidéo n’est jamais lue par la plupart des visiteurs. La sortie Chargement au clicaffiche la miniature de la vidéo avec un bouton de lecture et ne remplace par le vrai lecteur qu’au clic (ou quand on appuie sur Entrée), puis lance la lecture. La page gagne en vitesse, et rien n’est demandé au lecteur tant que le visiteur ne choisit pas de regarder. Cela fonctionne pour les vidéos seules ; les playlists utilisent l’iframe standard.
Paramètres qui ne fonctionnent plus
modestbrandingest obsolète et sans effet ; YouTube décide désormais de l’image de marque d’après la taille du lecteur et d’autres signaux. Les générateurs qui le proposent encore ne sont pas à jour.showinfoa été déprécié en 2018 et retiré de la documentation.rel=0ne peut plus désactiver les vidéos suggérées depuis le 25 septembre 2018 : il les limite seulement à la même chaîne.controls=2est obsolète ; utilisez 0 ou 1.
Dépanner une intégration qui ne fonctionne pas
- Erreur 153 ou lecteur vide. YouTube exige que les intégrations identifient le site qui les affiche grâce à l’en-tête HTTP Referer et recommande la politique de référent
strict-origin-when-cross-origin. Le code généré définit cette politique ; si votre site envoieno-referrerglobalement, le lecteur peut échouer. - « Vidéo non disponible. » Le propriétaire a peut-être désactivé l’intégration de cette vidéo, ou elle est privée, supprimée ou bloquée dans le pays du visiteur. Seul le propriétaire peut changer cela.
- Le lecteur est coupé ou minuscule. Un élément parent à hauteur fixe ou avec
overflow: hiddenle rogne ; avec Responsive activé, donnez une largeur au conteneur et laissez la hauteur suivre. - La boucle ne se répète pas. Pour une vidéo seule, l’URL doit contenir
playlist=avec le même ID de vidéo : copiez le code généré plutôt que d’ajouterloop=1à la main.
Outils YouTube associés
Trouvez le bon moment de départ avec l’outil de transcription YouTube, ajoutez des chapitres aux longues intégrations avec legénérateur de chapitres, ou téléchargez une image d’affiche personnalisée avec le téléchargeur de miniatures. Vous intégrez tout un cours ? Le calculateur de durée de playlist indique à vos visiteurs combien de temps il dure.
Questions fréquentes
Comment intégrer une vidéo YouTube qui démarre à un instant précis ?
Saisissez l’heure de début dans le générateur, en secondes, M:SS, H:MM:SS ou 1m30s, puis copiez le code. Il ajoute le paramètre start à l’URL d’intégration, en secondes, le format attendu par le lecteur YouTube. Si le lien que vous collez contient déjà un horodatage t=, l’heure de début est remplie pour vous.
Pourquoi ma vidéo YouTube intégrée ne se lance-t-elle pas automatiquement ?
La plupart des navigateurs bloquent la lecture avec le son tant que le visiteur n’a pas interagi avec la page. La documentation pour développeurs de YouTube range la lecture sans coupure du son et sans interaction de l’utilisateur parmi les cas bloqués par les navigateurs. Utilisez la sortie Lecture automatique sans le son (API JavaScript), qui lance le lecteur en sourdine.
Comment rendre une intégration YouTube responsive ?
Laissez l’option Responsive activée. Le code donne au lecteur toute la largeur de son conteneur et utilise la propriété CSS aspect-ratio pour garder le format 16:9 (ou 9:16 pour les Shorts) : il s’adapte à tous les écrans sans astuce de conteneur supplémentaire.
À quoi sert le mode de confidentialité renforcée ?
Il bascule l’intégration sur le domaine youtube-nocookie.com. D’après le centre d’aide de YouTube, les vues de la vidéo intégrée n’influencent alors ni l’expérience de navigation du spectateur sur YouTube, ni la personnalisation des publicités affichées en dehors de votre site. Cela ne rend pas l’intégration exempte de suivi : mentionnez-la dans votre politique de confidentialité.
Comment faire tourner une vidéo YouTube en boucle ?
Cochez Boucle. Pour une vidéo seule, YouTube exige que le paramètre playlist soit défini sur le même ID de vidéo, en plus de loop=1 : le générateur ajoute les deux pour vous.
Puis-je masquer les vidéos suggérées à la fin ?
Pas complètement. Depuis septembre 2018, rel=0 ne masque plus les vidéos suggérées : il les limite aux vidéos de la même chaîne. L’option Suggestions de la même chaîne uniquement du générateur applique ce réglage.
Puis-je intégrer une playlist ?
Oui. Collez le lien d’une playlist (il contient list=). Le générateur construit une intégration de playlist, et si votre lien pointe aussi vers une vidéo précise, le lecteur démarre à cet endroit.
