title: Hide div on video play
body: <p>I'm using video.js here:
  <a href="http://dev-carlyle.sassafrascreative.com/" rel="nofollow">http://dev-carlyle.sassafrascreative.com/</a>
  I want the text over the video to disappear when the video's play function is triggered. right now it works sometimes and then sometimes it doesn't. Currently I'm using jquery's hide function but there has to be a better - more reliable - way to do this. Any ideas?</p>
  
  <p>this is a snippet of my current solution, if you can call it that...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(".vjs-big-play-button").click(function(){
  $(".banner-email").hide(1000);
  });
  &lt;/script&gt;
  </code></pre>