h5页面视频加载究极解决方案

var c = new XMLHttpRequest;

    c.open("GET", '这里写视频地址', !0),
    c.responseType = "blob",
    c.onload = function() {
        if (200 === this.status && "video/mp4" === this.response.type) {
            var i = this.response
              , a = (window.URL || window.webkitURL || window || {}).createObjectURL(i);
              设置视频src属性为变量a
        } else
            console.log('随便写点什么')
    }
    ,
    c.onerror = function(e) {
        console.log(e)
    }
    ,
    c.send()
    
    
    video标签preload属性在安卓上面可以生效，ios不生效
    video标签在ios上面可以自动播放，安卓上面必须要用户点击以后才可以播放
    
    
    第二种方案：
    video标签设置proload=auto。
    判断是不是ios设备，如果是ios设备
    就直接执行play事件
    然后监听canplay事件
    触发canplay事件以后暂停视频播放
    安卓设备不用管