HTML5視頻元素無法在Android和iPhone上工作

Question

我已將htmt5 video元素中的5個視頻用作滑塊。它不適用於Android和iPhone設備。只顯示一張圖片。這是我的地盤http://devpgc.buysidedesign.com/

我用下面的代碼

<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> 

我也嘗試按照此鏈接HTML5 <video> element on Android但沒有運氣。請告訴我解決方案。

Answer 1

試試這個：

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

Source