[HTML5] <video>标签使用注意点

前端之家收集整理的这篇文章主要介绍了[HTML5] <video>标签使用注意点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在工作中的,单页页面遇到标签在移除时会继续下载src的视频。

  • 由于Chrome的限制,在视频流下载数量达到一定并发数后会出现等待。

  • 对于用户来说即时关闭视频加载页,因为页面没刷新,视频也会一直下载,占用用户网速。

在调查研究中总结了一些标签有一些需要注意的行为。

停止下载

removeVedio(document.getElementsByTagName("video")[0]);

function stopVedioDownload(v){
if(v instanceof HTMLVideoElement){
v.src = "";
v.load();//注意要调用load方法
}
}

function removeVedio(v){
if(v instanceof HTMLVideoElement){
v.parentNode.removeChild(v);
stopVedioDownload(v);
}
}

猜你在找的程序笔记相关文章