Recently spotted something that wasn’t there before (as far as I know). I have several websites that have a hero section with a YouTube video (link) as a background. Works perfectly fine, but I recently found out that you see the controls for about 5 seconds. Can’t click it because it’s a background and it fades away after a couple of seconds.
As far as I know, this wasn’t there when I built it. Does anyone know if anything changed? Is there a new setting I missed? Is it a bug or a YouTube thing?
More important: how do I get rid of it? Haha. If anyone knows, thanks a bunch!
I see the controls for about 5 seconds when it just loaded the background video (YouTube link). Happens in Chrome and Safari on my Macbook Air. Also happens on my iPhone 17 Pro in Safari and Chrome app..
Could you temporarily disable LiteSpeed’s JS delay/defer optimization and purge the cache to see if the YouTube controls still appear? If that fixes it, please re-enable it and add exclusions for youtube.com/iframe_api, youtube.com/embed, www.youtube.com, and bricks/assets/js/frontend.
Also please test with “Lazy Load iframes” disabled, or exclude the parent class bricks-background-video-wrapper from iframe lazy loading.
To stop the “Controls” from happening, I switched from using a Youtube embedded video, to a self-hosted one. Not a solution I like, but this is a low visit site, so there isn’t that much strain on the server.
It seems like this is the only viable solution, since YouTube unfortunately doesn’t offer any other controls that would allow us to prevent this. modestbranding was deprecated some time ago—until then, as far as I can tell, it wasn’t a problem, but as I said, unfortunately there doesn’t seem to be an adequate replacement.
