首页 > 代码库 > video 手机全屏自动播放

video 手机全屏自动播放

2024-08-17 17:50:43   223人阅读

<video src="http://www.mamicode.com/video.mp4" id="video" x-webkit-airplay="true" webkit-playsinline="true" 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
video 手机全屏自动播放






























        

            
                
                  
                
                

                    联系

                    我们