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

chanmmufeng
  • 77

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

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

回复
阅读 4.5k
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() ,但也会停止其他正在加载的资源

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏