title: Listen to youtube iframe events using javascript
body: <p>I have a site with a list of many embedded youtube videos like this</p>
  
  <pre><code> &lt;div class="thumbnail"&gt;
            &lt;iframe width="560" height="315" src="https://www.youtube.com/embed/2sZAeXBP0NE" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt;
  </code></pre>
  
  <p>the video list is big and changing daily.</p>
  
  <p>im looking for a way to capture the start video event, so i can force the user to accept the TOS (using popup) before seeing the videos.
  I tried to place a div with higher z-index and put an onclick event there ,but its not working/preventing the user to watch the video.</p>