Video component flashing black before loading

[Mar]

I have a video(gwd-video_1) autoplaying on banner load. I also have the banner animations starting when the video is playing with this code:

gwd.actions.events.addHandler('gwd-video_1', 'playing', gwd.auto_Gwd_video_1Waiting, false);

gwd.auto_Gwd_video_1Waiting = function(event) {
// GWD Predefined Function
gwd.actions.timeline.play('banner-page');
};

There seems to be an issue across browsers where there is a flash of black before the video loads in, but the JS thinks the video is playing and starts animating the banner over the black.

Is there a way to remove this delay where only a black screen is shown? I tried to even put a backup image behind it but the black box loads before the video is shown always.

Any ideas?

Thank you.

[Mar]

For anyone else who may be experiencing this: set a poster image on your video tag!
I'm surprised GWD doesn't have a poster attribute in the program, but you can add it in your html.

example:
<video is="gwd-video" id="gwd-video_1" muted="" sources="" class="gwd-video-7xgf" poster="posterHERE.jpg" autoplay=""></video>