How to play/start youtube video after clicking on an image?

Question

I have an image and I want to start a youtube video only after I click the image. How can I do this?

Thanks a lot!

Answer 1

Another approach - switch iframe SRC (URL) with "?autoplay=1" version.

PLAY

jQuery:

jQuery("#clickMe").on('click',function(){
    var vi = jQuery("#iframe");
    vi.attr("src", vi.data("autoplay-src") );
});