Drag and drop a video object inside a shadow dom

[ralfcarneborn]

Hi, I understand that this might be outside the scope of the library, but im trying to create a page where i drag and drop videos, this all works fine as long as i use a normal video tag.
However we use the that itself is a web component with the "media-chrome" library as a skin.

Whenever i drag and drop the mux-player (which is just a video player), it resets the player all the time and it can never maintain the state as it does with a normal video tag. Demo here: https://codesandbox.io/p/devbox/vue-draggable-next-2qqc2g
(I commented out the working video tag version there if you wanna see how it should work)

Is there an expert here that might be able to explain whats going on and what can be done to mitigate it?