How to start YouTube Video by clicking on its cover image (jQuery)?
<p>I have some code that works fine to show YouTube Video.</p>

<p>What I want is when I click on the cover image then it should start to play video.</p>

<p>How I can implement it?</p>

<p>Thank you!</p>

<pre><code>&lt;div id="video" style="display: none;"&gt;
            &lt;object width="370" height="230"&gt;
                &lt;param name="movie" value="http://www.youtube.com/v/QN20iMIMxvk?version=3&amp;autohide=1&amp;showinfo=0"&gt;
                &lt;/param&gt;
                &lt;param name="allowScriptAccess" value="always"&gt;&lt;/param&gt;
                &lt;embed src="http://www.youtube.com/v/QN20iMIMxvk?version=3&amp;autohide=1&amp;showinfo=0"
                    type="application/x-shockwave-flash" allowscriptaccess="always" width="370" height="230"&gt;&lt;/embed&gt;
            &lt;/object&gt;
        &lt;/div&gt;
        &lt;a href="javascript:document.getElementById('video').style.display = 'block'; javascript:document.getElementById('videopic').style.display = 'none'; void(0);"&gt;
            &lt;img id="videopic" src="@Url.Content("~/images/coverimage1.jpg")"  style="width:370px; height:230px;" alt="Media" /&gt;&lt;/a&gt;
</code></pre>
