当前位置: 首页 > Web前端 > HTML5

H5页面视频加载终极解决方法

时间:2023-04-05 17:43:13 HTML5

varc=newXMLHttpRequest;c.open("GET",'在这里写视频地址',!0),c.responseType="blob",c.onload=function(){if(200===this.status&&"video/mp4"===this.response.type){vari=this.response,a=(window.URL||window.webkitURL||window||{}).createObjectURL(i);将视频src属性设置为变量a}elseconsole.log('writeanything')},c.onerror=function(e){console.log(e)},c.send()video标签的preload属性在android上可以生效,在ios上不生效。video标签可以在ios上自动播放。在Android上,用户必须先点击它才能播放。第二种解决方案:在视频标签上设置proload=auto。判断是否是ios设备。如果是ios设备,直接执行play事件,然后监听canplay事件。canplay事件触发后,视频播放会暂停。安卓设备不关心