title: HTML - Replace a div (image and button) with a video (only when i press the button)
body: <p>I have an image and a button, like this:</p>
  
  <pre><code>&lt;div id="center"&gt;
  &lt;img src="Images/img_menu/BOU.png" width="100" height="100"&gt;
  &lt;/br&gt;
  &lt;input type="image" src="Images/img_menu/play_btn.png" width="60" height="60" id="playButton" onclick=playVideo()&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And i want to replace that image and button with a video.
  I dont want the video to appear until i press the button play. How can i do that?</p>
  
  <p>Thanks</p>