Hello fellow APEX Developers. Hope you're doing just fine.
I'm working on a personal APEX project, in this particular case, the problem is happening on the login page of said project. It looks like this. IMPORTANT: This is on the Chrome Web Browser.
The background you're seeing there is a video, which I'm injecting into the ‘’HTML HEADER'' section in the application builder, and then passing some attributes into the ‘’Inline CSS'' section also in the application builder, for the HTML HEADER, the code looks like this:
<video autoplay loop id="video-background" muted playsinline>
<source src="#APP_FILES#Spacebg1.mp4" type="video/mp4">
</video>
Now, as you can see, it shows no errors and everything seems to be working perfectly fine.
The problem occurs, when I try to visit the page via the Safari browser. Which makes the page look something like this.
See that there is no background video playing.
This application has the PWA feature enabled, so as you might expect, it looks like that on the Safari Browser, and the PWA itself as well. I've tested the page on an Android Device, on the browser, and the PWA, and it works perfectly fine, so, at least right now, Safari it's the only thing giving me headaches.
I think it's important to mention that, I've been having different results when I take a look into the browser's console, for example:
This it what it shows when opening from the Chrome browser.
And this is what it shows from the Safari's Console.
I've been looking around the internet for a couple of days now and I just can't seem to figure this out, asked ChatGPT4, which gave me instructions to add code to the service worker, but no luck, re-coded the video codec using HandBrake, but no luck, made sure there was no audio in the video, no luck.
I'd like to add, that this is a personal project and everything that's happening around this environment is merely experimental. And I'd also like to apologize in case there is something wrong with this post, this is my first entry in this forum. Any tip or idea is highly appreciated.
Also, here's the app link in case you may wanna check something out for yourself. Please let me know in case you need more details.
Thank you so much for your help, in advance.
Regards.