title: YouTube Title, Share, Watch Button Removed
body: <p>When I try to use video as a background my website the title and buttons appear at the top of the Youtube video. I want the title, watch and share button removed from the top of the Youtube embed. I've tried everything but nothing works.</p>
  
  <p>I have attached my code. I tried to inject it with jQuery but no luck at all.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;iframe src="https://www.youtube.com/embed/5iNr0Tp13hY?mode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;controls=0&amp;wmode=transparent" frameborder="0" width="100%" height="100%"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('iframe').load(function() {
    $('iframe').contents().find("head").append($("&lt;style type='text/css'&gt;  .ytp-chrome-top.ytp-show-watch-later-title.ytp-share-button-visible.ytp-show-share-title.ytp-show-cards-title { display: none !important; } &lt;/style&gt;"));
  });
  </code></pre>