title: How to display/add play button on youtube image?
body: <p>I have embedded the youtube image from youtube server which is "http://img.youtube.com/vi/0.jpg", now there is no play button shows up on middle of the image as we see usually any youtube videos! </p>
  
  <p>I tried to use the following code to get an image on top of the youtube image but it shows bigger picture, i know why</p>
  
  <pre><code>&lt;a class="fancybox" href="#video"&gt;
  &lt;img src="/wp-content/themes/mytheme/images/play_button.png" no-repeat width: 0px height:0px; style="background: url(http://img.youtube.com/vi/&lt;?php echo $youtubeid ; ?&gt;/0.jpg) transparent" width="180" height="150"/&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div id ="video"&gt;
  // here is my embedded youtube usual code
  &lt;/div&gt;
  </code></pre>
  
  <p>both images shown in 180 x 150 size, but thats not what i want. </p>
  
  <p>I want youtube image will be shown in 180 x 150 size and play button image (play_button.png) will be display in middle of the youtube image in small size.</p>
  
  <p>Any clue in css or coding in php will be great favour.</p>