video 手機全屏自動播放

<video src="video.mp4" id="video" preload="true" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" controls = "false"></video>

 

x-webkit-airplay="true" 支持Airplay的設備

webkit-playsinline="true" 播放視頻不全屏，ios7+、winphone8+支持，部分android4+支持（含華為、小米、魅族）

controls = "false" 在手機上沒有作用，需要在 js 里重新設置

var videoPauseTime = [3,5,7];
var video = document.getElementById("video");
video.play();
video.controls = false;
video.ontimeupdate = function(){ 
      if(parseInt(video.currentTime) == videoPauseTime[0])
      {
          video.pause();
      }
};

 

定義視頻暫停時間 ，在視頻播放時判斷時間即可暫停視頻

 

video api 鏈接

http://www.w3schools.com/tags/ref_av_dom.asp

 

 據說可以去進度條和廣告  先碼一下 一會測試

x5-video-player-type="h5" x5-video-player-fullscreen="true"