PhoneGap inline html5 видео черная вспышка перед началом видео

Question

У меня есть видео HTML5, которое мигает черным только при компиляции через телефонную разборку. Когда начинается видео, появляется черная вспышка между плакатом и первым кадром видео. Вспышка длится от 0,5 секунды до 5 секунд. Когда я беру одну и ту же страницу и запускаю ее в браузере вместо телефонной запинки, она легко воспроизводится с плаката на видео.

Если я воспроизвожу видео один раз и вернусь к нему, нет вспышки, это только в первый раз. Я тестировал это, ожидая достаточного количества времени, чтобы видео полностью загрузилось, так что не все они еще не загружены.

Я могу придумать несколько хаков, чтобы исправить это, но я надеюсь, что есть чистое решение для этого.

Javascript:

onVideoExit() 
videoElement.currentTime = 0; 
videoElement.pause(); 

onVideoEnter() 
videoElement.play(); 

HTML:

<div> 
    <video width="140" height="210" webkit-playsinline preload> 
     <source src=http://www.w3schools.com/html/mov_bbb.mp4 type="video/mp4"> 
    </video> 

</div> 

config.xml:

<preference name="AllowInlineMediaPlayback" value="true" /> 

Answer 1

Вы можете попробовать добавить прослушиватель событий, чтобы знать, когда видео загружена правильно.

var theVideo = document.getElementById("myAwesomeVideo"); 
theVideo.addEventListener('loadeddata', function() { 
    theVideo.play(); 
});