Removing the "play on youtube" overlay on embedded videos

The three parameters I found useful are:

showinfo=0
controls=0
autohide=1

showinfo=0 makes sure the video does not display the title on the top of the video frame. controls=0 hides the bottom bar with the play button, volume, etc. autohide=1 hides the controls until you hover over them, which is probably the most useful.

All the official docs are here.


I found it not possible. So the only way to hide Play button is to place video image above the video which can be fetched from youtube as follow. Each YouTube video has 4 generated images. They are predictably formatted as follows:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

But once you add the overlay, clicking on the screen instead of control will not play the video, To do this add the following jQuery which plays the video

jQuery('#overlay').click(function(){
      jQuery(this).hide();
      jQuery('#youtube_id').get(0).playVideo();

});