关于javascript:h5页面视频加载究极解决方案

34次阅读

共计 485 个字符，预计需要花费 2 分钟才能阅读完成。

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 事件当前暂停视频播放
    安卓设施不必管

正文完