I am getting so frustrated. I have thousands of clients. I have created a PWA app with HTML5 video as my training content. The way it works is I have written this content using Ionic Angular. I have created a HTML5 tag. with a video src in it. The video is played inline. Whenever a client clicks on a next or previous button it changes the src of the video to another video. It was working. Most of my clients use PCs, but some use MACs or iphones. The macs and iphones use to work but now suddenly there is a problem that the video just stays cached so it never changes. Even if the clients are using Google chrome instead of Safari. It works on all PCs. Can't seem to find an answer on how to fix this. It seems every time apple comes out with a new update to their operating system something in my system breaks. we create our programs using PWA's because we can't change our pricing structures to meet the pricing structures of the apple or the google play stores. and I'm not the best programmer in the world so I do not really understand what is going on here. Is there anyone out there who can help me. thanks so much in advance.
HTML5 Video in a PWA App Stuck on 1 video
Tough to give clear advice without looking at the Angular JS you are using. One thing to note is that on iOS all browsers are using Safari's underlying technology. Meaning Chrome on iOS Is basically a re-skined version of Safari. Similar to how Edge or Brave are using Chromium under the hood for desktops.
https://news.ycombinator.com/item?id=25850091#:~:text=to%20Apple%20Silicon-,On%20iOS%20there%20are%20no%20web%20browsers%20other%20than%20Safari,skins%20on%20top%20of%20Webkit.
It may be good to isolate your issue to only Safari and a version of Safari. Try testing on Chrome on a Macbook and Safari on the Macbook. Try to isolate the issue! Then maybe make a copy of your app and strip everything down to the one area you believe the issue is happening and then iterate fixes from there.
Double check JS features you are using here as well. https://caniuse.com/