Как запустить 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