Comment puis-je masquer les vidéos liées à la fin d'une playlist YouTube embed code?

Je suis en utilisant ce code pour intégrer une liste de lecture:

<iframe width="816" height="459"     
  src="https://www.youtube.com/embed/videoseries?list=xxx" 
  frameborder="0" allowfullscreen="">

À masquer les vidéos, normalement j'ai ajouter ?rel=0 (c'est dans le cas d'un seul embed vidéo), mais si j'essaie ici:

<iframe width="816" height="459" src="https://www.youtube.com/embed/videoseries?list=PL4Zkb_7gMrOzZlVy7jIeCjwScavYp6ssm?rel=0" 
 frameborder="0" allowfullscreen="">
 </iframe>

- Je obtenir la "mauvaise image" floue écran de YouTube (désolé, je ne connais pas le terme technique pour cette)!

Il n'y a pas de "cacher" liés à l'option de la "YouTube" AFFICHER PLUS" paramètres de la liste de lecture.

InformationsquelleAutor Penanghill | 2016-03-30

77

Vous devez utiliser le "& " lors de l'ajout de plus de paramètres à l'url. Mise à jour de la src champ avec la suite.
```
"https://www.youtube.com/embed/videoseries?list=PL4Zkb_7gMrOzZlVy7jIeCjwScavYp6ssm&rel=0"
```
- Merci pour votre réponse. Le & travaillé! La liste de lecture incorporer n'affiche plus les vidéos connexes après la lecture de la dernière vidéo.
- Si votre incorporer ressemble plus à ceci: https://www.youtube.com/embed/FlQ3AuD2UAw vous pouvez avoir besoin d'utiliser un ? au lieu d'une &. Tout ce qui est après le ? est appelé la chaîne de requête, et de nouveaux attributs après la première, sont séparés par la & caractère. Donc, si il n'y a pas de ? dans votre URL, c'est ce que vous commencez avec au lieu de &.
- Malheureusement, en septembre 2018, rel=0 ne restreint vidéos liées à votre propre canal plutôt que de les désactiver.
InformationsquelleAutor Saumini Navaratnam
31

De 25 septembre 2018 il n'y a aucun moyen de désactiver les vidéos connexes de l'affichage.
L'effet de ce changement est que vous ne serez pas en mesure de désactiver les vidéos. Cependant, vous avez la possibilité de spécifier que les vidéos présentées dans le lecteur doit être de la même chaîne que la vidéo qui vient d'être joué.

Pour être plus précis:
- Avant le changement, si la valeur du paramètre est réglé à 0, alors le joueur ne montre pas de vidéos connexes.
- Après le changement, si le rel paramètre est réglé sur 0, le lecteur affiche les vidéos qui sont de la même chaîne que la vidéo qui vient d'être joué.
^{plus d'emphase}

InformationsquelleAutor Turner Bass
5

YouTube empêche de cacher les vidéos à l'aide de rel=0 en septembre 2018.

Cependant, vous pouvez contourner cela en utilisant le Lecteur YouTube API pour afficher personnalisé en HTML au lieu de voir des vidéos.

Voici un exemple de code qui affiche une coutume bouton "replay" sur la vidéo une fois qu'elle termine, en cachant les vidéos connexes:
```
<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 les plus up-to-date code, y compris la version compacte, la description, la démo et les instructions, voir mon billet de blog sur le sujet.
- Je ne suis pas sûr de comprendre ce code pièce exactement. vous définissez un joueur, et de la fonction, mais quand c'est la fonction qui est exécutée? Lorsque $(document).est-il prêt? sur la charge? Quand est-il exécuté? J'ai essayé de faire dans le prêt, mais semblent faire d'erreur avec ce type de constructeur?
- Le onYouTubeIframeAPIReady et onPlayerStateChange fonctions sont des crochets pour l'API YouTube. Ils exécutés comme des rappels par le YouTube officielle de l'API de script. Ils ont besoin d'être dans la portée globale de travail, donc si vous êtes d'emballage de ce code, vous aurez besoin de les attribuer à l' window objet.
- Pas sûr de comprendre comment vous allez affecter une fonction à la fonction de fenêtre? Je veux dire, il devrait déjà être disponible dans le monde entier?
- Les fonctions qui sont définies à l'aide de déclaration de la fonction la syntaxe sont uniquement disponibles dans le monde si ils sont à l'extérieur de la portée, c'est à dire en vrac dans le <script> tag, pas imbriquée à l'intérieur d'une autre fonction. Si ils sont imbriqués, puis à être disponible dans le monde entier, ils doivent être explicitement attribuée à l'objet de la fenêtre à l'aide d'une affectation de variable, au lieu d'utiliser la déclaration de la fonction de la syntaxe.
- hmm.. je crois que j'ai réussi correctement pour créer le YT.Joueur, Le problème est que je ne suis pas en mesure de déclencher les événements, et la fonction de rappel n'est pas appelée.
InformationsquelleAutor Maximillian Laumeister
1

J'ai passé un paramètre plus que '?rel=0' pour arrêter les vidéos.

Ce qui a fonctionné pour moi comme-
```
'https://www.youtube.com/embed/'+someValiable_of_video_link+'?rel=0';
```
Espoir peut travailler pour les autres aussi.
& au lieu de ? n'a pas fonctionné!
- cela a été désapprouvée. Le rel drapeau maintenant seulement bascule de vidéos connexes de même canal ou autre
InformationsquelleAutor S.Yadav

Vous devez vous connecter pour publier un commentaire.