Background Video Hosted on AWS S3 Bucket

I just launched my first site on Netify that has a video background. I’m hosting the video on an Amazon S3 bucket. The video fails to load on the site yet it loads locally and if I access the file directly it plays immediately.

I apologize in advance for such a newbie question but I don’t know what I’m doing wrong.

My Netlify site is naughty-khorana-3768b3.netlify.app.

Thank you for any help you can provide.

Hi @melaninman

Welcome to the Netlify community :netliconfetti:

You have a rogue opacity: 1% somewhere which is making the video all but invisible.

opacity-1

Though it says it is in App.css you will find the offending style attribute in /static/css/main.8012c7f8.chunk.css.

You quite possibly have video { ... } defined more than once.

1 Like

Dude! You rock! Thank you so much my friend. :slight_smile: