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

发布时间：2020-12-15 00:45:25 所属栏目：C语言来源：网络整理

导读：在工作中的，单页页面遇到标签在移除时会继续下载src的视频。由于Chrome的限制，在视频流下载数量达到一定并发数后会出现等待。对于用户来说即时关闭视频加载页，因为页面没刷新，视频也会一直下载，占用用户网速。在调查研究中总结了一些标签有一些需

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

由于Chrome的限制，在视频流下载数量达到一定并发数后会出现等待。
对于用户来说即时关闭视频加载页，因为页面没刷新，视频也会一直下载，占用用户网速。

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

和标签类似，当设置的src属性后浏览器会从源下载资源，由于视频文件通常比较大，尤其是网页中同时存在多个视频的时候，需要注意这点。
标签一旦设置src属性就不能暂停下载。
标签停止下载,需要重新设置src属性,并调用load方法,在移除标签时通常需要停止视频下载。调用load方法会彻底终止（而不是暂停）该标签之前的下载流。

停止下载


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);

}

}




                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

[HTML5] &lt;video&gt;标签使用注意点

停止下载

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