title: HTML5 <video> element not working in Firefox, Opera, and Safari
body: <p>I have a HTML5 <code>&lt;video&gt;</code> element that runs perfectly in Chrome but not in Firefox nor in Opera.</p>
  
  <p>This is the HTML code:</p>
  
  <pre><code>&lt;div id="tele"&gt;
      &lt;video id="v" width="254" height="204" autoplay&gt;
      &lt;source id="mp4" src="/media/joies.mp4" type="video/mp4" /&gt;
       &lt;source id="ogg" src="/media/joies.ogv" type="video/ogg" /&gt;         
       &lt;source id="webm" src="/media/joies.webm" type="video/webm" /&gt; 
       &lt;object id="flash" type="application/x-shockwave-flash"
          data="player.swf?file=joies.mp4"&gt;
          &lt;param id="flash2" name="movie" value="player.swf?file=joies.mp4" /&gt;
      &lt;/object&gt; &lt;/video&gt;
  
  
  &lt;/div&gt;
  
  
  
  
  
  &lt;ul&gt;
          &lt;li&gt;&lt;a href="#" class="activo"
                      onClick="changeVideo('/media/joies.ogv','/media/joies.mp4','/media/joies.webm','player.swf?file=joies.mp4','player.swf?file=joies.mp4','&lt;?php echo __('Col·leccions. Música de Kaiserama. Compositor Oscar Kaiser.')?&gt;')"&gt;1&lt;/a&gt;
  
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"
              onClick="changeVideo('/media/CanalTE.ogv','/media/CanalTE.mp4','/media/CanalTE.webm','player.swf?file=CanalTE.mp4','player.swf?file=CanalTE.mp4','&lt;?php echo __('Joies Corrents. Música de Kaiserama. Compositor Oscar Kaiser')?&gt;')"&gt;2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"
              onClick="changeVideo('/media/FAD.ogv','/media/FAD.mp4','/media/FAD.webm','player.swf?file=FAD.mp4','player.swf?file=FAD.mp4','&lt;?php echo __("Enjoia\'t 06. Orfebres Fad.")?&gt;')"&gt;3&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>And JavaScript code:</p>
  
  <pre><code>function changeVideo(v,x,w,y,z,tit) {
      var presentationImg = "presentationImg";
      var presentationImg2 = "presentationImg2";
      document.getElementById("mp4").src=x;
      document.getElementById("ogg").src=v;    
      document.getElementById("flash").data=y;
      document.getElementById("flash2").value=z;
      document.getElementById("webm").src=w;
      document.getElementById("titol").innerHTML=tit
      var video = document.getElementById('v');
      video.load();
      video.play();
      }
  </code></pre>
  
  <p>To visit the website: <a href="http://www.saradomenech.com/ca/zapping" rel="nofollow">http://www.saradomenech.com/ca/zapping</a>
  Where is the problem?</p>
  
  <p>Thanks</p>
  
  <p>Regards</p>