wake-up-neo.com

Wie entferne ich die verwandten Videos am Ende des eingebetteten YouTube-Videos?

Ich versuche, die eingebetteten Videos so einzustellen, dass sie am Ende der eingebetteten YouTube-Videos auf meiner Website nicht mehr angezeigt werden. Ich habe den ?rel=0 ausprobiert und es funktioniert nicht. Irgendwelche anderen Ideen?

videoyoutubeurl-parameters
6
eric

Seit September 2018 ist es bei Youtube nicht mehr möglich, verwandte Videos zu entfernen. Sie erhalten von nun an immer ähnliche Videos.

3
user3658931

YouTube hat den Parameter rel=0 geändert ab September 2018, sodass verwandte Videos nicht mehr vollständig deaktiviert werden.

Sie können dies jedoch mithilfe der YouTube Player-API umgehen, um benutzerdefiniertes HTML anstelle von verwandten Videos anzuzeigen .

Hier ist ein Beispielcode, der eine benutzerdefinierte Schaltfläche zum Wiederholen über dem Video anzeigt, sobald es abgeschlossen ist, wobei die zugehörigen Videos ausgeblendet werden:

<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>

Für den verkleinerten Code zusammen mit weiteren Beschreibungen, Details und Anweisungen siehe meinen Blog-Beitrag zum Thema .

2
Maximillian Laumeister

Versuche dies :

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

stichprobe :

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

rel=0 dient zum Entfernen der zugehörigen Videos am Ende des eingebetteten YouTube-Videos

showinfo=0 entfernt den Titel im YouTube-Player oben

weitere Informationen: Eingebettete YouTube-Player und Player-Parameter

1
Andhi Irawan