2012-08-02 85 views
0

我有一個HTML5 <video>元素,它可以在Chrome中完美運行,但不在Firefox或Opera中運行。HTML5 <video>元素不適用於Firefox,Opera和Safari

這是HTML代碼:

<div id="tele"> 
    <video id="v" width="254" height="204" autoplay> 
    <source id="mp4" src="/media/joies.mp4" type="video/mp4" /> 
    <source id="ogg" src="/media/joies.ogv" type="video/ogg" />   
    <source id="webm" src="/media/joies.webm" type="video/webm" /> 
    <object id="flash" type="application/x-shockwave-flash" 
     data="player.swf?file=joies.mp4"> 
     <param id="flash2" name="movie" value="player.swf?file=joies.mp4" /> 
    </object> </video> 


</div> 





<ul> 
     <li><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','<?php echo __('Col·leccions. Música de Kaiserama. Compositor Oscar Kaiser.')?>')">1</a> 

     </li> 
     <li><a href="#" 
      onClick="changeVideo('/media/CanalTE.ogv','/media/CanalTE.mp4','/media/CanalTE.webm','player.swf?file=CanalTE.mp4','player.swf?file=CanalTE.mp4','<?php echo __('Joies Corrents. Música de Kaiserama. Compositor Oscar Kaiser')?>')">2</a> 
     </li> 
     <li><a href="#" 
      onClick="changeVideo('/media/FAD.ogv','/media/FAD.mp4','/media/FAD.webm','player.swf?file=FAD.mp4','player.swf?file=FAD.mp4','<?php echo __("Enjoia\'t 06. Orfebres Fad.")?>')">3</a> 
     </li> 
    </ul> 

和JavaScript代碼:

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(); 
    } 

訪問網站:http://www.saradomenech.com/ca/zapping 問題出在哪裏?

感謝

問候

回答

3

儘量把OGG元素第一次在視頻標籤。

<source id="ogg" src="/media/joies.ogv" type="video/ogg" />  
+0

好的感謝然後運行所有,但更改視頻的菜單不工作在Safari。解決方案? – 2012-08-02 18:00:44

+0

對不起,幫不了你。我的電腦上沒有Safari。 – user854301 2012-08-02 18:19:34

+0

現在我在本地運行和服務器中沒有問題在frefox中?問題何時出現?謝謝 – 2012-08-02 18:21:40

相關問題