Javascript 如何从DOM中删除所有videoJS控件

我知道我可以传递controls=“false”以不显示videojs中的控件、文本框和任何其他内容，但这只会隐藏这些元素。我想知道如何从DOM中完全删除videoJS添加的所有元素。

Videoe JS的控制框有以下HTML

<div class="vjs-control-bar" dir="ltr"></div>

这将从视频中删除控制栏。您可以对视频等的上下文菜单执行相同的操作

那你也得换衣服了

<video id="preview-player_html5_api" preload="auto" crossorigin="anonymous" class="vjs-tech" playsinline="playsinline" tabindex="-1" role="application" poster="//vjs.zencdn.net/v/oceans.png" src="//vjs.zencdn.net/v/oceans.mp4" loop=""></video> 

---

并从html标记中删除

控件

标记

，该标记看起来像是黑客攻击。。使用videojs本身不是一种不同的方式吗？试着从我在文章中解释的标记中去掉controls参数，将控件设置为False，只隐藏它们，但它们在DOM中，这不是解决方案。更清楚地说，主要的问题是，当我更改视频源以开始播放另一个视频时，会出现分离的DOM元素，也就是说，videojs显然不会删除它们的引用，垃圾收集器也不会删除它们。然后，我想删除videoJS中包含的元素（div、按钮、文本框），我不需要（不仅仅是隐藏）来减少分离的元素

<video id="preview-player_html5_api" preload="auto" crossorigin="anonymous" class="vjs-tech" playsinline="playsinline" tabindex="-1" role="application" poster="//vjs.zencdn.net/v/oceans.png" src="//vjs.zencdn.net/v/oceans.mp4" loop=""></video>