Background video not showing in current Safari versions

[shbln]

While the video background works perfectly in Chrome, ever since Safari was updated both on mobile (new iOS) and Desktop, the video background (set in Customize > Mobile > Video Background) no longer works!
www.schirmbeckhartmann.com (we set a black background to so the white text is legible, but the video is still visible in the footer as that isn't covered; this is the case in Chrome but Safari doesn't work. It would be great and important for us to fix this.

Safari Version 15.0 (16612.1.29.41.4, 16612)
Latest version in IOS
Chrome (working): Version 95.0.4638.69 (Official Build) (arm64)

Before the latest releases of Safari and iOS, the video worked perfectly!

[Richard]

Dear @shbln

Thanks for the Bug Report, i was able to recreate the issue on Safari. I have forwarded to Armin for a closer look 🔍

Also to help the process:

Could you please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

---

Talk soon @shbln & have a wonderful day 🌝

Richard

[shbln]

@Richard I will send you the details via email as requested

[arminunruh]

working on it!

[shbln]

@arminunruh thank you! please let us know if you need any further information

[shbln]

@arminunruh any update on this?

[Richard]

Dear @shbln

Have contacted Armin & he believes this will be fixed tomorrow ✅

---

Best wishes

Richard

[shbln]

@Richard thank you :)

[arminunruh]

Hey everybody, so I finally got around to updating my MacOs and I just looked at it on Safari.

The background video works for me :O

However, when I look at my Safari version it seems to be Version 15.1 (17612.2.9.1.20)
and yours is 15.0

Maybe there was a bug with the Safari 15.0 version

@shbln you might want to check out your website, it seems to be down

[shbln]

@arminunruh

thanks for your feedback. The website was down due to IONOS having issues this morning in Germany. It is now live and running.

The bug ONLY appears in Safari Mobile (!) latest versions of iOS and Safari.
The latest version of MacOS Monterey seems to have fixed the issue on desktop, however on iOS and Safari it’s still there.

[arminunruh]

however, i can see that on iOS Safari the background video just doesn't autoplay anymore. Will definitely fix this now.

[arminunruh]

hey everybody and @shbln
after trying to fix this for the iphone safari browser i googled it a little more
and found out that any videos that are position fixed like background videos currently dont work on any website when visited with safari - not just lay theme websites

i tried the recommended fixes without success and i recommend for now you use a background image instead of a background video and wait for the next ios update

with the latest ios update, apple enabled a default setting for some gpu accelerated video processing which causes this bug. so it is a ios / ios safari bug :O

here's how to disable it:

the recent macos update fixed the bug for safari already.
found here: https://www.iphonetricks.org/how-to-fix-safari-videos-black-screen-bug/

[shbln]

@arminunruh thanks for the info, let's hope for a quick safari / iOS update then :)