Estoy trabajando en una aplicación Vue pero el problema es más sencillo.

cuando creo un elemento de video dinámicamente con

 document.createElement('video')

y asignar el src,

Puedo verlo descargar el video en las herramientas de red incluso si no está agregado en la página, que es el comportamiento que quiero.

Sin embargo, cuando lo agrego a la página con document.addChild, vuelve a cargar el video desde el src, ¿cómo evito esto? Debe usar los datos de video existentes.

La razón por la que quería hacer esto es almacenar en caché una gran cantidad de datos de video mientras el usuario se encuentra en una parte diferente del viaje.

Tenga en cuenta que veo este comportamiento en Brave Browser pero no en Firefox o Safari.