Disable hardware acceleration for Google Chrome - Website Video Background Issues

[droid1711]

I recently noticed that my website which uses a full screen video background with both (.mp4 and .webm) video formats is flashing a green screen when the user clicks away from the homepage on Google Chrome browser only. (Everything works perfectly on Mozilla Firefox and IE edge)

So, If the website visitor from the "homepage" was to click the "about us" menu link a green screen flash occurs before landing on the new page. I was able to determine that by turning off the option in Google Chrome browser "Use hardware acceleration when available" (Settings > Advanced > Use hardware acceleration when available) the issues resolves, however most web visitors will have this option enabled in there Chrome browsers by default.

Is there a way that I could insert some code or custom .css into our Wordpress website that will disable or turn off this feature "Use hardware acceleration when available"?

 

[Malcolm]

Hi there.

Welcome to Code Forum.

Not sure why you posted the same post in three different places... however could you please share the URL?

 

[droid1711]

The fix to this issue pertains to either .CSS .PHP or Web Development so we were not sure which category this would fall under. Can you please provide an email address that I can privately send the site URL to. We would like to keep our site URL private. After reviewing the URL that we send to your email we can continue this discussion here on the forum.

 

[Malcolm]

When you have a problem that consists more than 1 coding/programming language then use Web Development. If you can just send it through our private message featue by clicking my username and clicking start a conversation.

 

[Malcolm]

I don't notice the green flash you mentioned. However, I do see a white-flash when you go to a new page. Not sure what's causing the flash though.. still looking into this.

Edit: can you try adding this to Customizer > Custom > CSS?

body {
    background-image: none;
    background-color: transparent;
}

 

[droid1711]

I added the provided .CSS but that did not resolve the issue.

 

[Malcolm]

Hi there,

Are you still looking for a solution to this?