video标签手机端兼容ios和andriod

--《《防忘记录护体》》--

首先要先确定视频是mp4格式，且编码格式是h264 avc

<video autoplay="autoplay" preload="auto" name="media" webkit-playsinline playsinline class="video" id="video">
    <source src=" " type="video/mp4" />
    您的浏览器不支持 video 标签。
  </video>

preload:auto
auto - 当页面加载后载入整个音频
meta - 当页面加载后只载入元数据
none - 当页面加载后不载入音频

webkit-playsinline playsinline 取消全屏播放
webkit-playsinline针对ie9以下，playsinline针对ie10和ie11

点击视频停止，再点击播放

 var video=document.getElementById('video');
    video.οnclick=function(){
        if(this.paused){
            this.play();
        }else{
            this.pause();
        }
    }

好处：不用写controls属性即可控制视频播放