title: How to remove pause video suggestions / related videos (class: ytp-pause-overlay) from Youtube embed
body: <p>I have embedded youtube videos on my site. When I pause the video, it show a list of more videos and when video ends it displays a list of suggested videos. I do not want to show these suggested videos on my site.</p>
  <p>On inspecting the video, I get the following code</p>
  <pre><code>&lt;iframe title=&quot;Dummy Video&quot; src=&quot;https://www.youtube.com/embed/dummyvideo?feature=oembed&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen=&quot;&quot; name=&quot;dummyvideo&quot;&gt;&lt;/iframe&gt;
  </code></pre>
  <p>I tried to disable the suggested videos from css, but it's not completely working, for the first time it shows the more video links but later on it hides and when video ends, it always shows the suggested videos.</p>
  <p>Here is my css that I have tried</p>
  <pre><code>.ytp-pause-overlay {
      display: none !important;
  }
  
  .ytp-endscreen-content {
      display: none !important;
  }
  </code></pre>
  <p>I also tried this JS code, but it's not working</p>
  <pre><code>document.getElementsByClassName(&quot;ytp-pause-overlay ytp-scroll-min&quot;)[0].style.display = 'none';
  </code></pre>
  <p>But it's not working and also giving an error on console. Also it should be fired on when someone pause the video otherwise it will throw an error.</p>
  <p>Is there any way through which I can target for all the videos using CSS and JS</p>