Ребята, не могу справится с этой проблемой никак.
Добавил в head:
<link rel="preload" href="video/fon.mp4">
Самому видео повесил: preload="auto"
Запускаю видео по событию
$(window).load(function() {
Предварительно запускаю видео, потом ставлю на паузу, чтобы начал грузится в кэш:
$(window).load(function() {
video.play();
video.pause();
Но ничего не помогает. В кэш он не грузится, и при проигрывании видео сбывается синхронность. Вот что у меня получилось:
пример
Если открыть первый раз страницу, то иногда первый кадр останавливается до того как успевает выйти из области видимости крышка, на втором кадре рука не успевает уйти, и т.д. А если перезагрузить страницу, то синхронизация работает как надо.
Как можно решить эту проблему? Как принудительно загрузить в кхш это видео?