Video background bug.

Hello,

I noticed a possible bug on a "op-html5-video-dark" template. The top video background is not resizing properly, when you resize the window of a browser, and sometimes even when you reload the page.
Just try resizing the browser window and see a gray empty area arising in the video area.
I will attach screenshots of this behavior. If it's a bug, is there a fast way to fix it?

Best regards,
Jevgenij.

Sorry, I didn't specify. I'm on a Chrome version 63.0.3239.132 (Official Build). MacOS Sierra 10.12.6.

Hey, guys, it's pretty urgent for me, I see other issues being resolved. Can you please look into this? :)

Hello.

You can see the bug here: http://kingdomkeyz.com/
Just refresh the page several times, and you'll see the video background, and other parallax background go nuts.

They are all looking good on the first load, but after a page reload they get messed up.
They're okay again, if you open the page in the new window.

Please help me solve this issue.

It seems that somehow the heights of these backgrounds get messed up after the page reload. I was able to reproduce it on Chrome very easily.

If you have some insights, you'd help me a lot, 'cause I need to launch this website soon.

I am sorry, this forum doesn't let me edit the replies. I just wanted to also specify, that today I updated my website to the latest version of the Canvas theme, 5.0.3 as of now I believe.

Hello! :) It is possible for me to have some kind of assistance on this issue already?

I can constantly reproduce this on:

• Chrome version 64.0.3282.167 (Official Build) (64-bit)
• Opera version 51.0.2830.34
• Firefox version 58.0.2 (64-bit)

All with the latest updates. The only thing I can't reproduce it on is my Safari. In Safari everything is perfect.
I am on a Macbook Pro, as I've already written. MacOS Sierra 10.12.6.
Updated your theme, cleaned my caches, restarted my computer numerous times, still can reproduce this.

Steps I reproduce it:

1. Go to the http://kingdomkeyz.com/ website.
2. Refresh with Cmd+R a few times.
3. Voila. The background video and parallax backgrounds are messed up in heights.

I am a front-end developer, but I'm out of ideas on what could be causing the issue, and I can reproduce it every single time.
Reference gray space in my screenshots.

Maybe you have some ideas? Could you test on more machines and browsers you have access to, to see if it's reproducable?

Thanks.

File upload here is terrible on UX part, by the way, errors show up after the message is posted :D

I've uploaded the screenshots to a Google Drive, so it's accessible for you.
Check them out here: https://drive.google.com/drive/folders/1JbC9mTySYTmFZee8BOyuFxiRrnqPok55?usp=sharing

Thanks!