Is it possible to preload and cache video files without adding them to the DOM?
<p>I'm working on a game that involves trigging one of 30 small video files depending on what result you get. As the videos need to play immediately after the user interacts, ideally I'd like to have the videos preloaded and ready to go. </p>

<p>I've added PreloadJS, queued up all of the assets I need.</p>

<p>Looking at the Network tab in inspector, I can see all 20mb of videos transferring on the loading screen. </p>

<p>However, when it comes time to play the clips, it seems to be re-downloading them rather than playing them from memory...</p>

<p>I thought that once the files were downloaded, they'd just stay in the browser cache, and once I tried to load a file with the same src, it would pull it from the pool of downloaded assets, but this doesn't seem to be the case... </p>

<p>Any idea how I can keep the downloaded files in memory without adding 30 video players to the page?</p>

<p>Thanks!</p>

<p>Ger</p>