Video Unsteady in Google Chrome from Laptop

I have embedded a video here at bottom of page:

https://www.weathermanfinancial.com/investment-management/

The video at the bottom of the pages is flickering on initial load. I have replicated this on separate laptops using google chrome. Video appears fine in IE and in Chrome from mobile.

Any advice?

Hello,

You can try to use a Video widget instead of what you have there now.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks Roman. I have tried video widgets but this video is not hosted by Youtube, Vimeo, etc. I prefer not to upload this to my website. I have played with the embed code and need some help.

The embed code has “padding-bottom: 56.25%” When I change the % to px and adjust, this fixes the glitch. However, this resizes the video on mobile as well (too small and leaves empty white area at bottom of widget).

Do you have any advice on how to change the code so the video resizes based on laptop, mobile, etc.?
If not, why would the change from % to px affect the video glitching?

Thanks so much for the continuous support!

Hello,

Well, you can try to use the vw units instead of % and px, here is a CSS units reference:
https://www.w3schools.com/cssref/css_units.asp

Kind Regards, Roman.
aThemes Support

Roman,

Using vw units worked.

Thanks again and have an awesome day!

Great, you are welcome!

And have a nice day as well :slight_smile:

Kind Regards, Roman.
aThemes Support