html中video切换资源和销毁释放

2022-04-02 乐帮网

javascript html

使用场景：本人做了一个网页使用video 标签动态播放视频资源，其中用javascript控制video标签的src属性来实现例如：

 function (id, src) {
    try {
        let video = document.getElementById(id);
        if (video) {
            if (!video.paused) {
                video.pause();
            }
            video.src = src;
        }
    } catch (err) {
        console.log(err);
    }
    
}

以上代码没有问题，能很好的工作，当页面关闭时video会调用自身的销毁方法，停止播放，释放资源这也没有什么问题。

当遇到以下情况时就需要手动来释放资源了，一个页面完成多项功能。其中有video标签播放视频。虽然我们把video给暂停了，但是它还是在后台在加载数据，占用服务器资源，所以我们需要释放它而不是简单的暂停。
以下代码展示了如何释放视频资源：

var video = document.getElementById('video');
   if (video) {
            if (!video.paused) {
                video.pause();
            }
            video.removeAttribute('src');
video.load();
        }

重点说一下video.dispose ，根本就没有这个方法，也不知道从哪里查到的。

TypeError:video.dispose is not a function

关注我的微信公众号
在公众号里留言交流
投稿邮箱：1052839972@qq.com

庭院深深深几许？杨柳堆烟，帘幕无重数。
玉勒雕鞍游冶处，楼高不见章台路。
雨横风狂三月暮。门掩黄昏，无计留春住。
泪眼问花花不语，乱红飞过秋千去。

如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力