解决Html5的Video标签切换多个视频造成内存泄漏问题

最近在做一个项目,用到使用Video播放器要播放十几个视频的情况,起初我以为就只是简单的切换一下video的src即可,但是可能是我的一厢情愿吧。结果运行的时候内存直接暴增,于是就开始想销毁视频的方法,在网上搜索下就发现的确有很多文章也在介绍这个问题,解决办法是

$(container_selector).children().filter("video").each(function(){
    this.pause();
    $(this).remove();
});
$(container_selector).empty();

大概就是这样的方法来解决,但是我尝试这个方法,好像并没有起效,内存还是暴增,不知道是不是我使用得有问题。

但是我不屈服啊,继续看同仁的解决方案,终于在一个外国网站上看到一个看不懂的解决方案。

var videoElement = document.getElementById('id_of_the_video_element_here');
videoElement.pause();
videoElement.removeAttribute('src'); // empty source
videoElement.load();

乖乖,不用不知道,一用吓一跳。不管怎么切换视频,内存不会继续增长了。牛逼。。。

需要注意的是只能是同一个video标签,不能把之前的video移除再添加video。

  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值