Black frame on video loop at Firefox

Hi, has anyone noticed problems with looping videos playing in Firefox? Here, I’m using my exported HTML5 project, using the standard video object. The wave background image is a looping video that doesn’t have black frames – the last one connects to the first without problems. When playing the project in Firefox, I notice that every time it returns to the beginning, there’s a black frame. However, when running the same project in Chrome (or any Chromium-based browser), the loop happens as expected.

Firefox
firefox

Chrome
chrome

I ran into this problem a few months ago. I ended up trimming the video slightly and it seemed to work. A couple options for that:

  • FFMPEG:
    ffmpeg -i Preloader-animation512.mp4 -ss 00:00:00.0 -t 00:00:06.0 -an Preloader-animation512trim.mp4

  • In QuickTime player, trim with Command-T (Mac), then save as new file. Compress it with HandBrake for better quality than ffmpeg.

1 Like

Interesting! I’ll try it! Thank you a lot!

1 Like