H5W3
当前位置:H5W3 > JavaScript > 正文

【JS】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事件以后暂停视频播放
安卓设备不用管

本文地址:H5W3 » 【JS】h5页面视频加载究极解决方案

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址