title: Html5 changing video  fail in Safari
body: <p>I included a videos with html5, and I have a menu that change the video.</p>
  
  <p>The menu runs well in Firefox, Opera and Chrome but not in Safari.</p>
  
  <p>I have this html code:</p>
  
  <pre><code>&lt;div id="tele"&gt;
      &lt;video id="v" width="254" height="204"&gt;
       &lt;source id="ogg" src="/media/joies.ogv" type="video/ogg" /&gt; 
       &lt;source id="mp4" src="/media/joies.mp4" type="video/mp4" /&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;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')"&gt;1&lt;/a&gt;
  </code></pre>
  
  <p></li></p>
  
  <p>And this Javascript:</p>
  
  <pre><code>function changeVideo(v,x,w,y,z) {
  
      document.getElementById("ogg").src=v;
      document.getElementById("mp4").src=x;
      document.getElementById("flash").data=y;
      document.getElementById("flash2").value=z;
      document.getElementById("webm").src=w;
      var video = document.getElementById('v');
      video.load();
      video.play();
      }
  </code></pre>
  
  <p>To visit the web: <a href="http://81.35.152.41:8888/index.php/ca/static/zapping#" rel="nofollow">http://81.35.152.41:8888/index.php/ca/static/zapping#</a></p>
  
  <p>Why the menu to change video not runs in Safari?</p>
  
  <p>Thanks</p>
  
  <p>Regards</p>