码迷,mamicode.com
首页 > 移动开发 > 详细

video 手机全屏自动播放

时间:2016-10-25 13:35:09      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:链接   code   ios   sch   视频播放   date   hone   时间   function   

<video src="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 手机全屏自动播放

标签:链接   code   ios   sch   视频播放   date   hone   时间   function   

原文地址:http://www.cnblogs.com/echolife/p/5996110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!