Alternative to hide Related Video

by Aishan Shrestha

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Alternative to hide Related Video</title>
    <script src="https://www.youtube.com/iframe_api"></script>
  </head>

  <body>
    <div id="playerWrapOuter">
      <div id="playerWrap">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/HjxYvcdpVnU?width=640&amp;height=360&amp;enablejsapi=1&amp;rel=0&amp;modestbranding=1&amp;showinfo=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen="" id="widget2"></iframe>
      </div>
    </div>
    <script>
      (function() {
        var player;
        var playerFrame = document.currentScript.previousElementSibling.querySelector("iframe");

        window.onYouTubeIframeAPIReady = function() {
          player = new YT.Player(playerFrame, {
            events: {
              'onStateChange': onPlayerStateChange
            }
          });
        };
        window.onPlayerStateChange = function(event) {
          if (event.data == YT.PlayerState.ENDED || event.data == YT.PlayerState.PAUSED) {
            //player.stopVideo();
            $("#playerWrap").contents().find(".ytp-pause-overlay").remove();
          }
        };

      })();

    </script>
  </body>

</html>