web-dev-qa-db-fra.com

Comment supprimer les vidéos associées à la fin de la vidéo intégrée YouTube?

J'essaie de faire en sorte que les vidéos intégrées cessent de s'afficher à la fin des vidéos YouTube intégrées sur mon site Web. J'ai essayé le ?rel=0 et cela ne fonctionne pas. D'autres idées?

videoyoutubeurl-parameters
6
eric

Depuis septembre 2018, Youtube a rendu impossible la suppression des vidéos associées. Vous aurez toujours des vidéos liées à partir de maintenant.

3
user3658931

YouTube a modifié le paramètre rel=0_ à compter de septembre 2018 afin de ne plus désactiver complètement les vidéos associées.

Toutefois, vous pouvez contourner ce problème en utilisant l'API du lecteur YouTube pour afficher du code HTML personnalisé au lieu de vidéos connexes .

Voici un exemple de code qui affiche un bouton "Replay" personnalisé sur la vidéo une fois celle-ci terminée, masquant les vidéos associées:

<style>
    #playerWrap {
        display: inline-block;
        position: relative;
    }
    #playerWrap.shown::after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center; 
        background-size: 64px 64px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    }
</style>
<div>
    <div id="playerWrap">
        <iframe
            width="640" height="360"
            src="https://www.youtube.com/embed/0sDg2h3M1RE?enablejsapi=1"
            frameborder="0"
        ></iframe>
    </div>
</div>
<script>
  var playerFrame = document.currentScript.previousElementSibling.children[0].children[0];

  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player(playerFrame, {
      videoId: 'M7lc1UVf-VE',
      events: {
        'onStateChange': onPlayerStateChange
      }
    });
  }

  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.ENDED) {
        document.getElementById("playerWrap").classList.add("shown");
    }
  }

  document.getElementById("playerWrap").addEventListener("click", function() {
    player.seekTo(0);
    document.getElementById("playerWrap").classList.remove("shown");
  });
</script>

Pour le code détaillé avec une description, des détails et des instructions supplémentaires, voir mon article sur le sujet .

2
Maximillian Laumeister

Essaye ça :

https://your_youtube_embeded_link?rel=0&showinfo=0

échantillon :

<iframe src="https://www.youtube.com/embed/h-_gFbNF80s?rel=0&amp;showinfo=0" ></iframe>

rel=0 consiste à supprimer les vidéos associées à la fin de la vidéo intégrée sur YouTube

showinfo=0 consiste à supprimer le titre du lecteur youtube en haut.

plus d'informations: lecteurs intégrés à YouTube et paramètres des lecteurs

1
Andhi Irawan