NO BUG: Video Embeds not working on Safari

Hi,

We’ve launched our first website with Bricks. I’m using a Video widget, with ACF dynamic data to pull in the youtube url.

Seems to work fine on Chrome etc, but anything running safari just shows an blank space.

I thought it might just be a safari issue, but building the same element in Elementor seems to work fine on Safari, so I’m not sure if its one of the settings I’ve used within Bricks specifically that might be causing it?

Any ideas greatly appreciated. Thanks!

Screenshots below of my video element settings, what it looks like in Chrome and what it looks like in Safari.



Hi Jack,
Thanks so much for your report!

I can’t see any issue with the video element in Safari, so I assume it’s caused by how the element is placed (Safari behaves like a diva occasionally). Can you provide a live link or the layout as template.json?

Best regards,
timmse

Hi Timmse,

Thanks for the response.

Live link is https://imperialhomes.uk/developments/the-old-bowling-green/

Video is about quarter of the way down, under the ‘Your Home’ section.

Let me know if I can do anything differently from my end or if you would prefer the Json.

Thanks!

I assume there’s something wrong with your CSS that Safari can’t handle.
Please briefly disable the litespeed CSS “optimization”, clear the cache and see if it works.

Additionaly, switch Bricks style generation methods (Bricks » Settings » Performance).

If none of this works, please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.

Thank you, I’ve followed the above steps and still no luck.

I’ll send an email to Bricks and post here with any updates if we find the solution!

Jack

Hey @JVDT, just visited your website as a fellow Safari user. I’ve noticed that adding some min-height to YouTube iframe’s parent div shows the video (see screenshot).

1 Like

Ah, that will do it! I did actually test that on the parent A-tag element, so just needed to go down a level :person_facepalming:

Thank you for spotting that, nice easy fix!

Appreciate it.

1 Like