Aller au contenu

Code d'intégration YouTube

Copiez un code embed YouTube qui s'adapte à tous les écrans et charge vite.

Format d'image

Charge d'abord une miniature, puis le lecteur YouTube uniquement au clic : des pages bien plus rapides.

Options
px
Style du code
Avancé

Uniquement pour les très anciens navigateurs ou les CMS qui suppriment le style aspect-ratio.

Aperçu
Collez un lien YouTube pour voir l'aperçu

L'aperçu est chargé depuis YouTube. Si l'aperçu affiche « Video unavailable », le propriétaire a peut-être désactivé l'intégration.

Code

    

Fonctionne dans votre navigateur : vos données ne sont pas envoyées.

Mode d'emploi

  1. Collez votre lien YouTube, l’identifiant de la vidéo ou un ancien code d’intégration dans le champ de saisie.
  2. Choisissez le rapport largeur/hauteur dans « Format d'image ».
  3. Renseignez « Largeur max. » si vous souhaitez limiter la largeur, entre 100 et 4000 pixels.
  4. Copiez le code généré dans le bloc HTML de votre site.

Exemples

Vidéo dans un article, à partir de 1 min 30

Entrée
https://youtu.be/dQw4w9WgXcQ?si=XyZ&t=1m30s
Sortie
<iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?start=90&amp;rel=0&amp;playsinline=1" srcdoc="&lt;style&gt;*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}img{height:100%;object-fit:cover}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:#fff;text-shadow:0 0 .5em #000}&lt;/style&gt;&lt;a href='https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?start=90&amp;amp;autoplay=1&amp;amp;rel=0&amp;amp;playsinline=1' aria-label='Play: YouTube video player'&gt;&lt;img src='https://i.ytimg.com/vi/dQw4w9WgXcQ/hqdefault.jpg' alt='YouTube video player' loading='lazy'&gt;&lt;span&gt;▶&lt;/span&gt;&lt;/a&gt;" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;max-width:800px;margin:0 auto;"></iframe>

Short au format vertical

Entrée
https://www.youtube.com/shorts/dQw4w9WgXcQ
Sortie
<iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?rel=0&amp;playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:9/16;border:0;"></iframe>

Ancien site sans prise en charge d’aspect-ratio

Entrée
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Sortie
<div style="position:relative;width:100%;padding-bottom:75%;height:0;overflow:hidden;"><iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?rel=0&amp;playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"></iframe></div>

FAQ

Comment mettre une vidéo YouTube en boucle sur mon site ?

Cochez « Lecture en boucle ». Pour une vidéo seule, le code ajoute les paramètres loop et playlist nécessaires à la répétition.

Comment lancer automatiquement la vidéo à l’ouverture de la page ?

Décochez « Chargement au clic (léger) », puis cochez « Lecture automatique au chargement de la page ». L’outil active aussi « Couper le son » pour permettre la lecture automatique.

Le mode confidentialité empêche-t-il tout contact avec YouTube ?

« Mode confidentialité renforcée (youtube-nocookie.com) » change le domaine du lecteur, sans supprimer les requêtes externes. Avec « Chargement au clic (léger) », la miniature est chargée depuis i.ytimg.com dès l’affichage et le lecteur seulement au clic ; sans cette option, le lecteur se charge sans attendre un clic.

Pourquoi la vidéo est-elle indisponible dans l’aperçu ?

L’outil ne vérifie ni l’existence de la vidéo ni l’autorisation de l’intégrer sur un autre site. Un code peut donc être généré même si YouTube ne permet pas la lecture dans l’aperçu.