Since the iOS 16 update my background videos have stopped working on iPhone. They were working perfectly before the update and I haven't changed a thing. They work fine on MacOS, iPad (iOS 15.6.1) and Android.
It would appear that this is a problem at the OS level on iPhone iOS 16 as I see exactly the same problem on different browsers, e.g. Safari and Brave, on the same iPhone. Both display the fallback image which isn't optimal given the device is not operating in low data or power mode.
Strangely, if I clear cache and web history for Safari on iPhone, the first time I visit the site the fallback image doesn't fully render into the space and leaves a black space beneath the image. If I close the tab and revisit the site the fallback image is fine.
The video files are small and less than 4Mb.
https://grahambrownmartin.com
I suspect it's either a bug in the latest webkit or something new to mitigate memory and power management.
I'd be grateful if anyone has a fix as I've run out of ideas
