Video background not displaying in Chrome and Firefox
This same problem occurs on the following links but all of the screenshots are from the homepage to to illustrate:
The hero section of each page has a video embedded as a section background
It appears to render correctly in both Desktop and Mobile Safari
But in Chrome and Firefox:
How do I fix this?
I currently have Siteground's Speed Optimizer and CDN enabled. I tried disabling both to see if it fixed the video issue but it did not.
I also tried uploading the video fresh in case Speed Optimizer's compression was the culprit but that didn't fix it either.
Comments
Hey,
Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
To clarify, you mean my login for Wordpress? I don't know how to give you FTP access on siteground
I can see that you handled it, and I received a complete message.
You chose the video background in the wrong place. You selected it for in the image field, while you should choose it in the video background area:
After choosing it there, the video works properly.
Best regards
Ohhh okay, thank you!
I did that on this page and it broke my hero section (The headings and opt-in box are supposed to be superimposed over the video)
Did you remove the WP dashboard access you sent previously?
I could not log in to check what might be wrong.
Best regards
No I did not?
I'll disable my security plugin, if there's anything I've done since yesterday that would cause issues, it's probably that. Go ahead and try again.
I followed the same process you instructed on this page and it worked fine without breaking the layout:
https://wayfindertv.com/digital-nomad-packing-list-everything-i-use-to-live-and-work-abroad/
And now that I've checked the original page I made this support post about, it's working fine without breaking the layout now too: Free Digital Nomad Workshop: Going Nomad - Wayfinder TVhttps://wayfindertv.com/free-digital-nomad-workshop/Ditch the 9–5 and build a life on your terms. This free digital nomad workshop walks you through budgeting, downsizing, AI tools, and real-world prep—no fluff, just… freedom.
So I guess my issue is resolved?
I did not do anything to your website in the meantime, anyway it seems to be resolved.
Please let me know if there's anything else I can help with.
Best regards