Html 是否可以移动a<；视频>；元素，而不重置它？

我想在我的DOM中创建一个

元素，然后将其移动到另一个位置，而不中断该内容的播放

也许更广泛地说，是否可以在不中断附加事件的情况下移动任何DOM元素

---

有些方法包括使用CSS绝对定位，但是有没有一种方法可以以不中断播放的方式实际更新DOM？

不幸的是没有。DOM实际上没有移动的概念，您只需分离并重新连接即可。一旦DOM节点不再在文档中扎根，它就会丢失其播放状态

---

通过将其存储在JS中并重新应用，您可能可以在某种程度上保留它，但这可能会引入一些跳过。

根据一种解决方法，以下是对我有效的代码片段：

函数beforeDOMMove（）{
如果（视频暂停）{
const currentTime=video.currentTime
常量canplayener=（）=>{
video.removeEventListener（'canplay'，CanPlayerList）
video.currentTime=currentTime
视频播放（）
}
video.addEventListener（'canplay'，CanPlayEner列表）
}
}

我看到的解决方案都涉及到占位符元素，它与绝对定位一起使用，以强制嵌入式媒体（

，

等）在其上播放。谢谢！唉，我正试图避免这种情况。也许有一天，我们会在DOM中支持“移动”。您建议如何将其存储在JS中。如果你能分享一个代码片段，那将非常有帮助。@AkshayKasar请查看我的答案，以获得一个代码片段。