Onclick不支持支持

Question

我创建了5个带有onclick功能的视频列表。当用户点击其中一个视频时，视频将替换网站顶部的主视频。 这是我的代码。它适用于Chrome，IE9 +，Firefox，但不适用于智能手机和平板电脑。其实，当我尝试在iPhone和Android手机上，功能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> 

感谢

Answer 1

您必须对您<img>标记添加一个ontouchend="afficheliste1('liste1_1')"，使其在移动浏览器。