html-video im browser-cache

Ich bin Neuling auf website-Entwicklung.

Ich verwendet html5-video-tag einfügen, um ein Vollbild video als Webseiten-hintergrund.

<div class="fullscreen-bg">
    <video autoplay preload="auto" class="fullscreen-bg__video">
     <source src='media/test.mp4' type="video/mp4">
        video not supported
    </video>
</div>

Diese funktioniert einwandfrei.

Jedoch, wenn ich springe von der homepage auf die anderen Seiten.
Der hintergrund blinkt einmal (ich glaube, lädt es das video-element) und zeigen den Inhalt.

So möchte ich Fragen, gibt es eine Methode, um zu vermeiden, das laden des Videos, wie speichern Sie das video in den browser-cache.

Danke.

Dem body-tag in der index-Seite ist einfach, wie folgende

<div class="menu-wrap">
    <nav class="menu">
        <ul class="clearfix">
            <li class="current-item"><a href="#">Home</a></li>
            <li>
                <a href="#">Photography</a>

                <ul class="sub-menu">
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Artists</a></li>
                </ul>
            </li>
            <li>
                <a href="#">Computer Vision</a>

                <ul class= "sub-menu">
                    <li><a href="projects">Project</a> </li>
        </ul>
            </li>
            <li><a href="#">Photos</a></li>
            <li><a href="#">Site Help</a></li>
        </ul>
    </nav>
</div>

<div class="fullscreen-bg">
    <video autoplay preload="auto" class="fullscreen-bg__video">
     <source src='media/test.mp4' type="video/mp4">
        video not supported
    </video>
</div>