Как загрузить видео HTML5 после DOM и играть в цикле?

Question

У меня проблема с загрузкой видео html5 после DOM и игры в цикле. Правильная загрузка видео после DOM, но при повторном воспроизведении видео снова загружается. Я хочу загрузить видео один раз и воспроизвести.

<video id="video" muted="true" style="width: 100% !important; height: auto !important;"> 
      <source type="video/mp4" id="mp4"> 
      <source type="video/webm" id="webm"> 
</video> 

мой сценарий

var video = $('#video')[0]; 
var mp4Vid = $('#mp4'); 
var webmVid = $('#webm'); 
mp4Vid.attr('src', "video/video.mp4"); 
webmVid.attr('src', "video/video.webm"); 
video.load(); 
video.play(); 
var videoloop = video; 
videoloop.addEventListener('ended', function() { 
    this.play();  
}, false); 

EDIT // Проблема решена Это потому, что я Chrome установлен на «Отключить кэш (в то время как DevTools открыт)

Answer 1

Попробуйте использовать preload="auto", должны загружать все видео при загрузке страницы

<video preload="auto" id="video" muted="true" style="width: 100% !important; height: auto !important;"> 
      <source type="video/mp4" id="mp4"> 
      <source type="video/webm" id="webm"> 
</video>