前端动态删除<video>标签，如何断开之前video打开的视频连接？

Question

问题描述：
有一个下拉菜单，用于切换摄像头；
前端利用的是H5的<video>标签，采取动态增删的方式来切换<video>的视频url
现在的问题是，当我切换摄像头时，新的摄像头直播链接能够获取到并可以正常播放，但是F12后发现，之前打开过的摄像头直播链接依然在不断请求数据！

需求：
如何切换摄像头之后，切断原来的视频直播请求？

Answer 1

从DOM结构中处理视频非常棘手。它可能会导致浏览器崩溃。这是帮助我完成项目的解决方案。

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

Answer 2

修改video对象的src就可以了 不需要删除标签

Answer 3

window.stop() ，但也会停止其他正在加载的资源