title: How to disable / enable the play button on a YouTube video with jQuery?
body: <p><strong>Background:</strong></p>
  
  <p>I am building a timed jQuery slideshow that contains a YouTube video as one of the elements. I am using the <a href="http://code.google.com/apis/youtube/js_api_reference.html#Playback_status" rel="nofollow">YouTube JavaScript Player API</a> to detect the play status of a video (slide 1) and pause the slideshow if a video is playing. This portion is working.</p>
  
  <p>However, there is a problem if the user clicks the play button <strong>during the 700ms slide transition</strong>. My jQuery will not detect the playing video on that cycle (slide 1), but it will detect the playing video on the next cycle (showing slide 2). It will pause the slideshow on slide 2, and there is no way to resume the slideshow again - since that would require pausing the YouTube video on slide 1 (now hidden).</p>
  
  <p><strong>Question:</strong> </p>
  
  <p>How can I disable the play button on the YouTube video during the transition and re-enable it after it is complete? One option is to put a transparent gif image over the entire video, but perhaps there is a more elegant / less kluge-y solution using the <a href="http://code.google.com/apis/youtube/js_api_reference.html" rel="nofollow">YouTube API</a>? I haven't been able to find it.</p>