title: Hide YouTube controls when user hovers out
body: <p>Is there a way to with the youtube api to hide the player controls when the user hovers out? </p>
  
  <p>I current have the code when a user clicks it plays:</p>
  
  <pre><code>   $("#container.click-to-play-video").click(function(){
          player = new YT.Player('player', {
              width : '960',
              height : '600',
              videoId : 'PnHCKXe6ttU',
              playerVars: { 'autoplay': 1 , 'controls': 0 },
              events : {
                  'onReady' : onPlayerReady,
                  'onStateChange' : onPlayerStateChange
              }
          });
      });
  </code></pre>
  
  <p>But I only want the controls to play when the user enters with the mouse. Is it possible?</p>