Looping HTML5 video flashes a black screen on loop

Question

I have a 20 second HTML5 video that loops via jquery. But every time the video starts, a black screen flashes quickly and it's very jarring because it's supposed to blend in with a white background. I tried using CSS to make the video background white to no avail. Any ideas how may I achieve the desired effect? ```

```

Accepted Answer

The black screen seems to be the time before the first frame of your video. For instance if the video has 30FPS, use video.currentTime = 0.034 (1/30 = 0.0333...) and the black screen should be gone.

I know that the post is old but i hope that it will help somebody in the future :)

Looping HTML5 video flashes a black screen on loop

Solution

Problem