title: Adding Image to the background youtube video on iframe tag
body: <p>After applying this code I am getting video over Image but I want to add Image over you-tube with play button on it </p>
  
  <p>In this code when I increase the padding of the div which is (padding: 18px) now video get shorter and background Image comes on back 
  but I want Video should play on clicking Image , video should play on the full container </p>
  
  <pre><code>&lt;div id="background-video" style="background: url(images/fight-c-diff.png) no-repeat; padding: 18px; width: 600px; height: 300px;"&gt;
  
  &lt;iframe width="295" height="222" src="https://www.youtube.com/embed/UBCQmEHctCw" frameborder="0"  allowfullscreen&gt;
  &lt;/iframe&gt;
  
  &lt;/div&gt;
  </code></pre>