Integrer une vidéo dans votre site internet

Intégrer des vidéos et des playlists

Grâce à l’option d’intégration, vous pouvez ajouter des vidéos ou des playlists YouTube à un site Web ou à un blog.

Embed videos and playlists
Abonnez-vous à la chaîne TeamYouTube pour obtenir des conseils et vous tenir informé des dernières actualités de la plate-forme.

Intégrer une vidéo

  1. Sur un ordinateur, accédez à la vidéo YouTube que vous souhaitez intégrer.
  2. Sous la vidéo, cliquez sur PARTAGER Partager.
  3. Cliquez sur Intégrer.
  4. Copiez le code HTML figurant dans la zone qui s’affiche.
  5. Collez-le ensuite dans le code HTML de votre blog ou de votre site Web.

Intégrer une playlist

  1. Connectez-vous à votre compte YouTube à partir d’un ordinateur.
  2. Sur le côté gauche de la page, sélectionnez la playlist que vous souhaitez intégrer.
  3. Copiez l’ID de la playlist depuis l’URL.
  4. Modifiez le code d’intégration pour une vidéo individuelle en procédant comme suit :
    • Remplacez l’ID vidéo (après “embed/”), par “videoseries?list=”.
    • Collez l’ID de la playlist après “=”.
    • Collez-le ensuite dans le code HTML de votre blog ou de votre site Web.

Exemple :

  • <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG” frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>

Gérer les options d’intégration d’une vidéo

Le mode de confidentialité avancé vous permet d’intégrer des vidéos YouTube sans utiliser de cookies pour suivre les pages vues par les utilisateurs. Cela signifie que les données relatives au visionnage des vidéos intégrées ne sont pas collectées pour personnaliser l’expérience de visionnage. À la place, les recommandations de vidéos sont contextuelles et liées à la vidéo en cours de lecture. Les vidéos diffusées dans un lecteur intégré en mode de confidentialité avancé n’ont pas d’influence sur l’expérience de navigation de l’utilisateur sur YouTube.


(Le mode de confidentialité avancé ne concerne que le suivi du comportement du spectateur, et non le suivi de l’activité de diffusion d’annonces. Pour désactiver le suivi à des fins publicitaires, vous pouvez vous ajouter à la page Baliser le site pour qu’il soit considéré comme étant destiné aux enfants.)

Remarque :

  • Si l’utilisateur clique ou appuie sur l’élément intégré et est redirigé vers un autre site Web ou une autre application, ceux-ci peuvent suivre le comportement de l’utilisateur en fonction des règles et conditions d’utilisation du site Web ou de l’application.
  • Le mode de confidentialité avancé n’est actuellement disponible que pour les lecteurs intégrés sur les sites Web. Les développeurs devront intégrer le lecteur en mode de confidentialité avancé à une instance WebView afin de l’utiliser dans des applications.

Pour utiliser le mode de confidentialité avancé, modifiez le domaine de l’URL d’intégration dans votre code HTML en remplaçant https://www.youtube.com par https://www.youtube-nocookie.com, tel qu’illustré dans l’exemple ci-dessous :

Avant
<iframe width=”1440″ height=”762″ 
src=”https://www.youtube.com/embed/7cjVj1ZyzyE”
frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>

Après
<iframe width=”1440″ height=”762″ src=”https://www.youtube-nocookie.com/embed/7cjVj1ZyzyE”
frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>

Comme il s’agit d’un domaine différent, les administrateurs réseau doivent également ajouter le domaine youtube-nocookie.com à leur liste blanche de pare-feu, en plus de youtube.com.

Pour activer la lecture automatique d’une vidéo intégrée, ajoutez &autoplay=1 au code d’intégration de la vidéo, juste après l’ID vidéo (qui correspond à la série de lettres figurant après “embed/”).

Les vidéos intégrées pour lesquelles la lecture automatique est activée ne font pas augmenter le nombre de vues.

Exemple :

<iframe width="560" height="315"
src="https://www.youtube.com/embed/D6Ac5JpCHmI?&autoplay=1"frameborder="0" 
allowfullscreen></iframe>

Pour qu’une vidéo démarre à un moment spécifique, ajoutez ?start= au code d’intégration correspondant, puis saisissez le moment en secondes à partir duquel vous souhaitez que la lecture commence.

Par exemple, si vous souhaitez que la vidéo démarre à 1 minute et 30 secondes, voici à quoi ressemblera votre code d’intégration :

<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/UkWd0azv3fQ?start=90" width="420"></iframe>

Pour que des sous-titres apparaissent automatiquement sur une vidéo intégrée, ajoutez “&cc_load_policy=1” au code d’intégration de la vidéo.

Vous pouvez également sélectionner la langue des sous-titres qui s’afficheront sur la vidéo intégrée. Pour ce faire, ajoutez “&cc_lang_pref=fr&cc_load_policy=1” au code d’intégration de la vidéo.

  • “cc_lang_pref” permet de définir la langue des sous-titres affichés dans la vidéo.
  • “cc_load_policy=1” permet d’activer les sous-titres par défaut.
  • “fr” est le code qui correspond au français. Pour connaître les codes des autres langues, consultez la liste des codes ISO 639-1.
Cette fonctionnalité n’est pas encore disponible dans la version bêta de YouTube Studio. Si vous utilisez la version bêta de YouTube Studio (studio.youtube.com) et que vous souhaitez accéder à cette fonctionnalité, sélectionnez Version classique dans le menu de gauche.
Si vous ne souhaitez pas que d’autres utilisateurs puissent intégrer sur des sites externes une vidéo que vous avez mise en ligne, procédez comme suit :
  1. Accédez au Gestionnaire de vidéos.
  2. Accédez à la vidéo pour laquelle vous souhaitez désactiver l’intégration, puis cliquez sur Modifier.
  3. Sous la vidéo, cliquez sur Paramètres avancés.
  4. Sous “Options de distribution”, décochez la case Autoriser l’intégration.
  5. Cliquez sur Enregistrer les modifications.