title: Loading video by clicking on the image in HTML/JS document
body: <p>I have a simple HTML/JS document in which I am after clicking on the image trying to play the video:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
      var embedCode = '&lt;object data="http://www.youtube.com/watch?v=Ac_qGnPX8eI" type="application/x-shockwave-flash" height="240" width="320"&gt;&lt;param name="src" value="http://www.youtube.com/watch?v=Ac_qGnPX8eI"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;/object&gt;'
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="videocontainer"&gt;
      &lt;img src="C:\thesis\100GreatP\eclipse_ws\test\src\org\cnstar\wiki\data\calm_waters.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="240" width="320" /&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, after clicking on the picture, nothing happens. This issue was already explained in question <a href="https://stackoverflow.com/questions/838878/replace-image-with-a-video-embeded/">replace image with a video embeded</a>, where the solution was presented in the way I did it in my HTML document. But that is not working for me. Shockwave/Flash player installed on the computer. Didnt succeed to load in any of the browsers (IE, Firefox, Chrome). Thanks for your help.</p>