我正在开发一个项目，当需要播放时，JavaScript会动态地将几个视频添加到HTML中，有点像远程控制的演示文稿。在加载页面时，视频需要播放的顺序是未知的，每个视频都不到4秒。然而，视频很大，当然从一开始到另一个时自然需要看起来无缝，但由于视频太大，在某些情况下，通过互联网加载，加载通常不是无缝的。
我现在添加视频的方式是这样的：
$("body").append("<video class='onscreen' autoplay><source src='"+c.video+"'></source></video>");
c.video是视频源的相对路径。
有没有办法直接从JavaScript预加载视频而不添加HTML？如果没有，那么在没有视频可视播放的情况下添加到HTML的最佳方法是什么，并允许以后动态添加？
我在StackOverflow上看过几个类似的问题（比如this one），但他们都关注添加视频，只是在加载后才播放。我确信可以调整那些代码中的代码，但我不太清楚如何去做，特别是因为我不了解一些概念（请随意扩展你的答案） ;我不只是想要代码片段！）。
如果它完全影响了事情，那么在可预见的未来，这只会在Firefox上运行，视频可能都是OGV（虽然可能有例外）。