title: html video in browser cache
body: <p>I'm newbie to website development.</p>
  
  <p>I used html5 video tag to insert a full screen video as the website background.</p>
  
  <pre><code>&lt;div class="fullscreen-bg"&gt;
      &lt;video autoplay preload="auto" class="fullscreen-bg__video"&gt;
       &lt;source src='media/test.mp4' type="video/mp4"&gt;
          video not supported
      &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works fine.</p>
  
  <p>However, when I jump from the homepage to the other pages.
  The background will flash once (I guess it reloads the video element) and show the content.</p>
  
  <p>So I want to ask is there any method to avoid the reload of the video, like save the video into browser cache.</p>
  
  <p>Thank you.</p>
  
  <p>The body tag in the index page is simple as following</p>
  
  <pre><code>&lt;div class="menu-wrap"&gt;
      &lt;nav class="menu"&gt;
          &lt;ul class="clearfix"&gt;
              &lt;li class="current-item"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;Photography&lt;/a&gt;
  
                  &lt;ul class="sub-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Artists&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;Computer Vision&lt;/a&gt;
  
                  &lt;ul class= "sub-menu"&gt;
                      &lt;li&gt;&lt;a href="projects"&gt;Project&lt;/a&gt; &lt;/li&gt;
          &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Photos&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Site Help&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/div&gt;
  
  &lt;div class="fullscreen-bg"&gt;
      &lt;video autoplay preload="auto" class="fullscreen-bg__video"&gt;
       &lt;source src='media/test.mp4' type="video/mp4"&gt;
          video not supported
      &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>