HTML5视频元素无法在Android和iPhone上运行

Question

I have used 5 video in htmt5 video element as a slider. It is not working on Android and iPhone device. Just only show a single image. This is my site http://devpgc.buysidedesign.com/

I have used following code

   <video id="video" autoplay loop muted>
          <source src="http://devpgc.buysidedesign.com/images/video/InvestorAligned_1.mp4" type="video/mp4"/>
           <source src="http://devpgc.buysidedesign.com/images/video/InvestorAligned_1.webm" type="video/webm"/>
            <source src="http://devpgc.buysidedesign.com/images/video/InvestorAligned_1.ogg" type="video/ogg"/>
      </video>

I have also try to follow this link HTML5 <video> element on Android but no luck. Please tell me the solution.

Answer 1

Try this:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

Source