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

chanmmufeng
  • 77

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

需求:
如何切换摄像头之后,切断原来的视频直播请求?

回复
阅读 4.2k
3 个回答

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

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

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

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

你知道吗?

宣传栏