title: hide a div under youtube iframe on click
body: <p>I would hide 'div .blind' on click on youtube video(on 'div #player'). How can i do it?</p>
  
  <p>for example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>JS:
  ...
  var player;
  function onYouTubeIframeAPIReady() {
   player = new YT.Player('player', {
    videoId: 'Lo3rrP8u7Mw',
    playerVars: {
     'wmode': 'transparent',
     'color': 'white',
     'modestbranding': 1,
     'showinfo': 1
  
    },
    events: {
     'onReady': onPlayerReady,
     'onStateChange': onPlayerStateChange
    }
   });
  ...</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>CSS:
  .video .blind {
    display: block;
    width: 300px;
    height: 300px;
    background-color: black;
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>HTML:
  &lt;div class="video"&gt;
    &lt;div id="player" &gt;&lt;/div&gt;
    &lt;div class="blind" id="blind"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="video"&gt;
    &lt;div id="player2" &gt;&lt;/div&gt;
    &lt;div class="blind" id="blind"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>