Onclick不支持支持

我創建了5個帶有onclick功能的視頻列表。當用戶點擊其中一個視頻時，視頻將替換網站頂部的主視頻。這是我的代碼。它適用於Chrome，IE9 +，Firefox，但不適用於智能手機和平板電腦。其實，當我嘗試在iPhone和Android手機上，功能onclick不起作用，除了有時不出現視頻，但它不是好的，但加載主頁時自動播放的主要視頻。Onclick不支持支持

HTML：

<div id="videox">  
     <div class="carousel carousel-stage"> 
      <div id="video"> 
       <div class="flowplayer" data-engine="flash"> 
        <div id="css-poster" class="flowplayer minimalist" style=""> 
         <video id="videoliste" autoplay >  
          <source src="video/webdoc_bout_a_bout_rmk.mp4" type="video/mp4; codecs=avc1.42E01E,mp4a.40.2" /> 
         </video> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 


<ul> 
    <li><img src="photos/p1.png" onclick="afficheliste1('liste1_1')"></li> 
    <li><img src="photos/p2.png" onclick="afficheliste1('liste1_2')"></li> 
    <li><img src="photos/p3.png" onclick="afficheliste1('liste1_3')"></li> 
    <li><img src="photos/p4.png" onclick="afficheliste1('liste1_4')"></li> 
    <li><img src="photos/p5.png" onclick="afficheliste1('liste1_5')"></li> 
</ul>

JS：

<script type="text/javascript"> 
var n_video=1; 
function afficheliste1(x) 
      { 
       document.getElementById('videox').style.display = 'block'; 
       var objet=document.getElementById('videoliste'); 
       if(objet) 
       { 
        objet.src="video/"+x+".mp4"; 
        n_video=x.charAt(6); 
       } 
      } 
</script>

感謝

來源

2013-05-31 Sweetyy

您必須對您<img>標記添加一個ontouchend="afficheliste1('liste1_1')"，使其在移動瀏覽器。

來源

2013-06-20 03:26:50

Onclick不支持支持

回答

相關問題