Как запустить JS-код, когда видео полностью буферизировано / загружено

Я искал по всему Google для этого, и ничего не делает то, что он должен. Он прекрасно работает в IE ... Вы можете увидеть это в журналах, что он работает безупречно ... Но это не будет работать в Chrome! Почему это происходит в Chrome? ... загружает 10сек из кетч а потом ничего ...

 
 
 
   
  Your browser does not support the video tag. 
 
 
 
 
setTimeout(function(){ 
var refreshId = window.setInterval(function(){ 
   myVid=document.getElementById('rainVideo'); 
   puhvitud = Math.round(myVid.buffered.end(0)); 
   if (puhvitud >= 14) { 
  setTimeout(function(){document.getElementById('videoRain').style.display='block';},0); 
      setTimeout(function(){document.getElementById('rainVideo').play();},0); 
      clearInterval(refreshId); 
      setTimeout(function(){document.getElementById('videoRain').style.display='none';},15000); 
   } 
   console.log(puhvitud); 
}, 2000); 
},1000); 
 

Может быть, у кого-то есть другой способ сделать это? Когда видео полностью загружено ... это должно быть запущено ...

setTimeout(function(){document.getElementById('videoRain').style.display='block';},0); 
setTimeout(function(){document.getElementById('rainVideo').play();},0); 
setTimeout(function(){document.getElementById('videoRain').style.display='none';},15000);

РЕДАКТИРОВАТЬ:

Пробовал это:

    

        function runVideoRain(){
            rainVideo.addEventListener("loadeddata", runRain, false);
        }
    function runRain()
    {
        setTimeout(function()                {document.getElementById('videoRain').style.display='block';},0);
        setTimeout(function(){document.getElementById('rainVideo').play();},0);
        setTimeout(function()        {document.getElementById('videoRain').style.display='none';},15000);
    }, false);
    

Не работает !!

Uncaught SyntaxError: неожиданный токен, Uncaught ReferenceError: runVideoRain не определено onloadeddata

Ответы на вопрос(1)

Ваш ответ на вопрос