JS如何正确销毁 VIDEO 和AUDIO 元素

销毁 VIDEO 元素意味着停止视频的播放，并释放与其相关的所有资源。

一般情况下，我们可以通过调用 VIDEO 元素的 pause() 方法来停止视频播放，然后使用 remove() 方法从 DOM 树中删除元素。

但是，仅仅这样做可能并不能完全卸载 VIDEO 元素。如果视频正在播放或者已经加载了部分数据，那么该元素仍然会持有资源，因此可能会导致内存泄漏。为了彻底卸载 VIDEO 元素，我们需要将其赋值为 null，并且同时删除所有相关事件监听器和其他引用。

对于音视频播放，我们需要确保正确卸载和销毁 VIDEO 元素，以提高性能并避免内存泄漏。在卸载 VIDEO 元素时，我们需要停止视频播放，清空 src 属性值，删除事件监听器，并将其赋值为 null。在销毁 VIDEO 元素时，我们需要执行卸载步骤之外，还需要将其从 DOM 树中删除，并将其赋值为 null。

Audio 元素同理

创建video

const _video = document.createElement('video')
_video.autoplay = true
_video.loop = true
_video.muted = true
_video.src = 'xxxx'

销毁video

_video.pause()
_video.removeAttribute('src')
_video.load()
_video = null

这里我们除了调用 pause() 方法之外，还执行了以下操作：

调用 removeAttribute('src') 方法，以清空 VIDEO 元素的 src 属性值，停止加载视频。
调用 load() 方法，以确保所有相关数据都被卸载。
将 VIDEO 元素的事件监听器设为 null（如果有的话），以避免内存泄漏。
最后将 VIDEO 元素赋值为 null，以释放其占用的内存。