在这里给大家推荐一个视频播放组件，支持非常灵活的自定义界面和样式，和其它流行的video操作库相比更加自由。建议尝试一下：

https://gist.github.com/k-gun/c2ea7c49edf7b757fe9561ba37cb19ca

下面介绍一下如何使用JavaScript来销毁video对象，假设我们的标签如下：

<video src="test.mp4" controls width="400" height="300" id="video"></video>

js的代码如下：

var video = document.getElementById('video');
if (video) {
        video.dispose();
    }

 

说明

移除 video 元素前应先停止播放并释放资源，否则部分浏览器（尤其移动端）仍会继续播放声音。

  • 先暂停并清空源：video.pause(); video.src = ""; video.load();
  • 再移除节点：video.remove() 或父节点 removeChild。
  • 部分实现需要显式 removeAttribute("src") 才能让浏览器释放解码器。
  • 在 SPA 中切换页面时，务必在组件卸载钩子里做上述清理。

相关阅读

参考资料