Overlay youtube embedded video with image, hide image when clicked and autoplay

Question

I would like to display an image before viewing a youtube video in my page. Is there a way to do this with jquery or a javascript function.

I want to overlay this wi

Answer 1

As this could be done pretty easy with the javascript api I have also created this effect with the New iFrame Embedding mode (which i find is pretty sweet). It's really simple

1. Show your image
2. When clicked, replace it with your iframe embed code (with the "autoplay=1" parameter).